Cara Membuat Buku Tamu Melayang di Atas Sebelah Kiri, di Blog

Cara Membuat Buku Tamu Yang Melayang di Atas Sebelah Kiri BLOG, Mudah - Seperti namanya, Buku Tamu adalah sebuah widget Blog yang berguna untuk chatingan. Kalo ada yang ingin di tanyakan atau mungkin hanya memberi salam, para visitor bisa jadi akan menulis apa yang mereka inginkan di Buku Tamu itu :).

Langkah - langkah memasang Buku Tamu :
1. Silahkan anda login ke cbox.ws. Kalo belum login berarti harus daftar dulu.

2. Copy Script yang ada disana ( disebelah bawah )

Nah kalo Script nya udah muncul.. sekarang tinggal kita pasang di blog.
Cara pemasangan Widget Buku Tamu :

• Masuk ke Blogger.com
• Pergi ke Tata Letak / Page Layout
• Lalu silahkan klik "Tambah Gadget"

• Setelah itu akan terbuka sebuah halaman baru. Silahkan di sana anda pilih lah HTML/JavaScript
• Terakhir, Masukan Script dibawah ini. Tulisan berwarna MERAH silahkan anda rubah dengan Script yang anda dapat tadi.

<style>#hcl {position:fixed;top:40px;left:0px;z-index:+1000;}* html #hcl {position:relative;}.hcltab {height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XIe6IYge6SiZOXsyQk22Z0ltJQ7s_xEEHkcFWARuFD0demExvrW4ClNNAc-YMFVqEWnTI2Pq-uYSXJG6Cx8hyAMhivi72Ng7vlcGVMimT1RmpuOIUoyANfnlMZZKfygj-N5vlSRqEiY/s1600/Chatbox_left.png') no-repeat;}.hclcontent {float:left;border:2px solid #23aae2;background:#f3f6f7;padding:10px;}.hc-credit {font-size:9px}.hc-credit a {text-decoration:none}</style><script type="text/javascript">function showHidehcl(){var hcl = document.getElementById("hcl");var w = hcl.offsetWidth;hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);hcl.opened = !hcl.opened;}function movehcl(x0, xf){var hcl = document.getElementById("hcl");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;hcl.style.left = x.toString() + "px";if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}}</script><div id="hcl"><div class="hclcontent">
Masukan Script kode Cbox yang sudah anda dapat tadi.
<br /><div class="hc-credit"><span style="float:left"><!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a href="http://kangupdate.blogspot.com/2013/12/cara-membuat-buku-tamu-melayang-di-atas.html" target="_blank">Get this widget!</a></span><span style="float:right"><a href="javascript:showHidehcl()">[close]</a></span></div></div><div class="hcltab" onclick="showHidehcl()"> </div></div><script type="text/javascript">var hcl = document.getElementById("hcl");hcl.style.left = (30-hcl.offsetWidth).toString() + "px";</script>

Terakhir, Klik Simpan. Selesai :)