Membuat Buku Tamu di samping Blog

kamu lihat Buku Tamu di samping kanan blog saya ? mau tau cara membuatnya ? ayo kita keturoialnya ! pertama apa gunanya Buku Tamu ? Buku Tamu berguna untuk komunuikasi antara pengunjung web dengan pemilik web tersebut. jadi pengunjung bisa menanyakan hal yang belum di mengerti. nah sekarang ke tutorialnya.

1. login BLOGGER
2. buka rancangan-tambah gadget
3. copi paster kode dibawah ini dan letakan di HTML/Javascript

<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/AVvXsEi1b6-wbrWpuqMzA9jxAOVD3hFvWq-NAq7sJ5zYVZw6BGXh2CiHoQWEVLAAHHPrJAm4trjSbUXhnPCQdJFleQt8kzEWH9hVym1Hr1WYMugOREnCP0aV53u754dlMrqRQAnFyYGpJp6W4WHo/') 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">

===||||| ISI CHAT BOX DISINI |||||===

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Setelah dimasukan Chat Boxnya
5. Simpan

selamat mencoba