Cara Membuat Buku Tamu (Cbox) Melayang di Blogger

Cara Membuat Buku Tamu (Cbox) Melayang di Blogger : Hallo sobat Blogger, perkenalkan saya adalah seorang Blogger Pemula yang baru saja memulai karirnya didunia Blogger ini, dan postingan pertama saya hari ini adalah Cara Membuat Buku Tamu (Cbox) Melayang di Blogger.

Buku Tamu (Cbox) adalah sebuah Gadget yang diugunakan untuk berintraksi antara pengunjung dan Admin. Buku Tamu (Cbox) mungkin sudah tidak asing lagi bagi sobat blogger karena didunia Blogging Buku Tamu (Cbox) bukanlah hal sesuatu yang baru, namun disetiap Blog yang saya kunjungi buku tamunya hanya berbentu biasa dalam artian tidak melayang dan mungkin sobat blogger yang lain juga ingin membuat Buku Tamu (Cbox) seperti itu dan hari ini saya kasi tau cara-caranya sebagai berikut :

Login ke blog sobat atau Masuk Lewat Sini
Pilih "Tata Letak"
Kemudia Pilih "Tambahkan Gadget / Add a Gadget" lalu pilih HTML / Java Script
Copy dan Paste Kan Code dibawah ini :

#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/AVvXsEg2UqJTWlIq85ZP5RIHFvQjYCtLawZ-MuZMZX_ZC077avhZ6cCORtEteu6Q33-RGjDU_bCzDDEPKbdgs40TGVUEF4GXmu1ROlK9S7eLUyqyyHtPBmQH0MieoybjGAseVOb7YY2Bc4nndq64/s128/345o85i.gif') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

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>

^_^ GANTI INI DENGAN SCRIPT/KODE YANG DIBERIKAN OLEH CBOX ^_^

<br/>

Anda Ingin Memiliki Buku Tamu Seperti Saya ini ?

Silahkan Klik <br/>

disini

</a>

[tutup]

</a>

</div>

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

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

</script>

Setelah anda Copy dan Pate kode diatas ini, lihatlah tulisan yang berwarna merah, silahkan tulisan yang berwarna merah anda ganti dengan Kode CBOX/Buku Tamu yang anda miliki.
Kemudian Simpan dan lihat hasilnya..terimakasih dan semoga bermanfaat.