Membuat Buku Tamu Melayang / Tersembunyi

Buku tamu sangat lah penting untuk dipasang di blog, karena kita akan mengetahui jejak pengunjung yang mengunjungi blog kita, selain itu kita juga bisa bersilahturahmi dan mempererat hubungan antar sesama blogger. Buku tamu juga menjadi sarana blogwalking yang paling mudah dibandingkan dengan berkomentar di postingan. Ya sudah, kita langsung praktekin aja ya. Oh ya, buku tamu yang akan dibuat adalah buku tamu yang melayang di samping blog, untuk demo nya bisa kalian lihat buku tamu yang ada di blog saya ini.

Sebelumnya kalian harus mempunyai akun C-Box, C-Box yaitu penyedia layanan pembuatan buku tamu ini sob. silahkan kalian daftar dulu disini. Setelah kalian mendaftar dan mendapatkan kode skrip buku tamu kalian, ikuti langkah - langkah berikut :

1. Login ke blogger.

2. Masuk ke menu Tata Letak > Tambah Gadget > pilih HTML/Javascript.

3. Masukan kode skrip berikut 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://i571.photobucket.com/albums/ss153/ipot_designer/buku-tamu3.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A2A2A;
background:#BE81F7;
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">


**MASUKAN KODE SKRIP C-BOX KALIAN DISINI**




</div>




</div>




<script type="text/javascript">

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

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

</script>

4. Sekarang sudah selesai dan tinggal di Save.

Keterangan :
- Teks yang berwarna Merah adalah gambar dengan tulisan BUKU TAMU, silahkan kalian ganti sesuai selera, atau bisa kalian cari disini.

- Teks yang berwarna Biru silahkan kalian masukan kode C-Box kalian masing - masing.

Buku tamu pun selesai dibuat, selamat mencoba.