Membuat Buku Tamu Tersembunyi/Show Hide Di Blog

Nah sahabat star, kali ini saya akan membahas tentang cara menyembunyikan buku tamu (shout mix, Cbox, chat ango,dll) di blog shobat, asal jangan menyembunyikan selingkuhan aja hehehehe.....
Nah langsung saja anda praktekkan, pertama-tama anda copy dulu script di bawah ini.

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:150px;

width:30px;

float:left;

cursor:pointer;

background:url('http://i259.photobucket.com/albums/hh289/miztalie/buku.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #676767;

background:url(Disini adalah letak background)#000000 repeat-x bottom center scroll;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:10px;

-moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:5px;

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(5-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">

Letakkan Script atau kode buku tamu anda di sini

<div style="text-align:right">

<a href="javascript:showHideGB()">

<center><img src="http://i955.photobucket.com/albums/ae34/uglyson/button_close_hover.png" border="0" /></center>

<a href=http://ir-onestar.blogspot.com/2011/07/nah-shobat-star-kali-ini-saya-akan.html target="_blank">

Get this widget!</a>

</a></div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

Jika sudah anda copy script di atas kemudian paste di blog anda, berikut adalah cara pemasangannya:
1. Masuk ke account blog kamu kemudian masuk ke rancangan,
2. Klik Add a Gadget/ tambah Gadget (pilih dimana saja yang anda inginkan)
3. Paste code yg anda copy di ataskemudian klik simpan.

Catatan:
-Link yang bewarna merah adalah link tombol buku tamu anda, bisa anda ubah sesuai selera.
-Yang saya beri tanda Biru itu adalah background buku tamu anda.

Nah bagaimana sahabat star  selamat mencoba yah.... semoga berhasil......