Cara Membuat Buku Tamu di Blog

Halo teman-teman..ini aku mau sharing tentang cara membuat buku tamu di blog,,seperti yang ada di sebelah kanan blog aku,, sebenarnya cara ini sudah umum sekali,, tapi apa salah nya kan kita saling berbagi...hehehe..

Caranya juga sederhana ,, Cekidot...
1. Teman-teman harus ada kode CBOX nya terlebih dahulu,,caranya tinggal sign up di sini.
2. Setelah mendaftar klik publish dan copy dan paste terlebih dahulu di notepad.
3. Kemudian, masuk ke Dashboard blog kalian.
4. Lanjut ke tab Rancangan:edit tata letak..
5. Tambah Gadget,, pilih tambah HTML/JavaScript
6. Copy Paste Script 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://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #0000FF;
background:#696969;
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">
Paste Kode CBOX anda di sini
<br/>
[ CHAT MODE ON ]
<br/>


<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>

7. Masukkan kode CBOX yang didapat tadi pada sript warna merah (Paste Kode CBOX anda di sini)
8. Klik Simpan..dan Enjoy it..