Cara Membuat Hiden Show Buku Tamu / Guestbook

Guestbook atau buku tamu merupakan gadget yang perlu dimiliki oleh setiap blog, gadget ini digunakan untuk meninggalkan pesan atau salam kepada autor blog atau kepada pengunjung blog, gadget ini juga dapat digunakan untuk chat antar pengunjung dan autor blog, namun guestbook atau buku tamu ini biasanya memakan banyak tempat pada blog, nah disini saya ingin memberi sedikit trik untuk mengatasi hal tersebut, yaitu dengan menyembunyikan guestbook atau buku tamu tersebut, dengan Box pada sisi blog, berikut langkah yang harus Anda ikuti :
1. Log in ke Blogger
2. Rancangan
3. Tambah Gadget
4. Pilih HTML / JavaScript
5. Copy Paste Script di bawah ini :

<style type="text/css">

#gb{

position:fixed;

top:30px;

z-index:+1000;

}* html #gb{position:relative;}

.gbtab{

height:150px;

width:50px;

float:left;

cursor: url("http://cursors2.totallyfreecursors.com/thumbnails/fireorange.gif"), default;

background:url('http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs811.snc4/69152_168524979825976_100000054240762_576391_4281910_n.jpg') no-repeat;

}.gbcontent{

float:left;

border:1px solid #000000;

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

background: #000000 url(http://www.graphicmania.net/wp-content/uploads/Black_Floral_by_Daemonika.jpg) no-repeat bottom;

padding:10px;

}</style>

<script type="text/javascript">

function showHideGB(){

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

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);

gb.opened = !gb.opened;

}function moveGB(x0, xf){

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

var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}

}</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<center>

<--------------Letakan Script Guestbook Anda Di Sini------------------->

<br />

<center><input type="button" title="Peraturan saya yang Harus dibaca" value="Read Me!" onclick="alert(&#39;Tulis alamat blog dengan lengkap. Jika sobat belum mempunyai Blog, sobat dapat mengisi Url dengan Email, Facebook, Twitter, atau Plurk. Klik OK.&#39;); alert(&#39;Komentar di Chatting yang bersifat SPAM atau Sampah dan berkata tidak sesuai aturan, maka komentar tersebut akan dihapus tuk selamanya!! Klik OK.&#39;);alert(&#39;Tulis Chat dua kali atau lebih yang sama menurut saya adalah kelalayan atau error /hang, jadi lebih baik saya hapus menjadi tinggal satu.&#39;);" /></center>

<!-- END CBOX -->

<br />

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

<a href="javascript:showHideGB()" title="klik untuk tutup chattingbox">

<center>CLOSE</center>

</a>

</div>

</center></div>

<script type="text/javascript">

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

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

</script></div>

6. Lalu Simpan

Semoga Berhasil ! !