Cara Membuat Guest Book Auto Hide Di Blog

Assalamualaikum sob, pasti setelah kalian lihat judulnya bingung kan apa itu guest book, guest book atau yang juga disebut buku tamu adalah suatu widget agar pengunjung bisa memberi saran, kritik atau berbagi apa saja di situ, ya semacam chat gitu lho.. tapi untuk bersama, dan kenapa saya beri nama auto hide karena buku tamu ini melayang dan ketika mouse diarahkan ke guest book itu akan terbuka sendiri, oke dibawah ini langsung aja tutorialnya
1. Login ke Blogger kalian
2. Pilih Tata Letak >> Tambah Gadget >> HTML / Javascript
3. Masukan code dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('url gambar gb nya disini') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() 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" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Kode Guest Booknya disini

<br />

<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>

NB : Yang warna biru itu gambar yangdigunakan untuk guest booknya nanti
Yang warna merah itu kode gb nya
kalo mau dapat kode itu kalian harus daftar penyedia guestbook kalo pilihan saya ke sini aja
-Cbox

sekian dari saya kalau masih tidak mengerti tinggal komen terima kasih