Cara menyembunyikan buku tamu atau shoutbox

Haloo apa kabar teman-teman,,,,?

Sehat semua kan???... Amiin Ya Rabb...

Kali ini lupi mau sharing tentang bagaimana cara menyembunyikan si shoutbox, cbox atau box-box yang lain... yang di jeniskan buku tamu... :)

nah buat kamu yang belum tau bagaimana cara membuat dan memasang shoutbox, Bisa baca artikel lupi yang ini..

cara membuat shoutbox

cara memasang shoutbox di blog

Kenapa si si buku tamu di sembunyiin??

karna nanti kalo ketahuan di jaga..... hahahah emang main petak umpet...

ga lah karena untuk meminimalisasi tempat jadi blog ga keliatan sempit....

karena si buku tamu ini cukup makan tempat juga... hehehehe....

yo wizz ga pake lama mari kita tuliskan caranya....

• log in ke warung makan.... lho..lho salah ke akun blog kamu... lalu...
• kita cari si RANCANGAN
• kli edit tata letak...
• tambah gadget HTML.. di letakan di mana saja ga ngaruh...
• lalu copy code di bawah ini.... 

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Ganti ini dengan kode buku tamu Anda -->
<blink>
<font size="2"><a href="http://dunialupita.blogspot.com/2010/09/cara-menyembunyikan-buku-tamu-atau_23.html">^÷�db�÷^</a></blink>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

ganti kode <!-- Ganti ini dengan kode buku tamu Anda --> dengan kode shoutbox kamu misalnya kode shout box lupi

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="dunialupi" src="http://www4.shoutmix.com/?dunialupi" width="200" height="400" frameborder="0" scrolling="auto">
<a href="http://www4.shoutmix.com/?dunialupi">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->


nah tinggal hapus dan ganti pake code shoutbox lupi

gimana??? gampang kan?? kalo masih ga ngerti leave a comment please! :)