MEMBUAT GADGET BUKU TAMU PADA BLOGGER

Langkah-langkah membuat gadget buku tamu 

1. Silahkan anda daftar terlebih dahulu pada cbox.ws untuk mendapatkan script buku tamu kemudian klik "sign up"

2. Isi data tersebut dengan benar .Setelah data diisi, centang pada tulisan "I agree to the cbox" lalu klik " creaty my cbox"

3. Setelah data diisi, maka akan masuk cbox anda

4. Masuklah keakun Email anda untuk menverifikasi akun cbox anda

5. Klik tautan dari cbox yang ada dikotak masuk anda

6. Selanjutnya masuk ke Blogger anda --< pilih tata letak --< kemudian tambah gadget--< lalu Html/Javascript--<

7. Copy dan pastekan link yang ada dibawah lalu copy script cbox anda lalu simpan.

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEjUuaElk6B0MvoB6nVm6IbPiqQTiupDdc4HycEys4JvUTa99YU3g-3egEoCbhxadc20F0hBjb0JdIPML735RyHtruEZQTrbS89SE7HalDfoZmpWVIpnBjrHYqPeMBC7Ka_KdrrKE5Cxw/s1600/bukutamu.png') 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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini
<div style="text-align:right">
<a href="http://hedryiks.blogspot.com/2014/05/cara-membuat-buku-tamu-di-blog-dengan.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

8. Ubah tulisan warna hijau dengan kode yang anda dapat dari cbox tadi.
9. Klik simpan
10. Setelah selesai maka Blogger anda akan muncul seperti tampilan dibawah