Cara Mudah Membuat Buku Tamu Melayang

Buku tamu / guest book sangat besar manfaat nya untuk sebuah blog, selain untuk mempercantik penampilan, besar manfaat sebagai tempat komunikasi antara pemilik blog dengan tamu / pengunjung blog tersebut.
Variasi buku tamu juga sangat bervariasi, disini admin mau share cara membuat buku tamu melayang seperti contoh gambar diatas.
mau tau cara simple nya?
yuk langsung aja....

1. Daftar / sign up di web yang punya tempat chat box ini Daftar Di Sini......
Nanti nya sobat akan di beri kode HTML untuk blog sobat.

2.Log in ke Blog sobat

3.Pilih Tata Letak

4.Pilih menu Tambah Gadget

5.Pilih tambahkan HTML/JavaScript

6.Tambahkan kode

<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/AVvXsEjOs3js64yG0fwKR2dNtAhfXCLcwQo4BWfyS9HGCk_GU3_JnTSDM2WLTJeSRCkJ5fU1U7mRZWJlk4bBOhFf1XKFjnAA1lSTt4wV2B6csNXFGqD_6EYAGwQipQ4iHNCQef8VGxTwis85vYqM/') no-repeat}.gbcontent{float:left;border:2px solid #a5bd51;background:#f5f5f5;padding:10px}</style>

<script type="text/javascript">function showHideGB(){var b=document.getElementById("gb");var a=b.offsetWidth;b.opened?moveGB(0,30-a):moveGB(20-a,0);b.opened=!b.opened}function moveGB(d,e){var f=document.getElementById("gb");var b=Math.abs(d-e)>10?5:1;var c=e>d?1:-1;var a=d+b*c;f.style.right=a.toString()+"px";if(d!=e){setTimeout("moveGB("+a+", "+e+")",10)}}</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

Kode HTML Cbox Sobat
<div style="text-align:right"> <a href="javascript:showHideGB()"> [close] </a> </div></div><script type="text/javascript">var gb=document.getElementById("gb");gb.style.right=(30-gb.offsetWidth).toString()+"px";</script></div>

Keterangan :

Kode MERAH diatas diganti dengan kode HTML yang tadi sobat dapatkan di Cbox 
Mudahkan? semoga bermanfaat ya.......