Membuat buku tamu pada blog

Biasanya, orang yang berkunjung ke blog kamu cenderung lebih menyukai berkomentar di buku tamu alias “Guest Book” karena komentar mereka cepat tampil dengan lebih mudah. Untuk itu, kamu bisa dikatakan perlu untuk membuat dan memasangnya di blogmu. Ingin mencoba, ini langkah-langkahnya.

• yang pertama, buka dashboard blog kamu --> tata letak --> tambahkan gadget -->html/java script.
• Jika sudah, copy java script dibawah dan pastekan di javascript kamu.

<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/AVvXsEjPxMEfvmlAkqsHmv16y6SG0ZCrtIgDvuXMfdTIcRp89Nb4714mtm08rxl-YDGIvR4i-TCaDBnt4SE5zKSBisuI57NSh_rDZYoNnnzoKUotOZjOFdZgpteBdUnRvOPdIF-nc8AOCCGIftf6/s1600/impoint.blogspot.com+bukutamu.png') 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">
Kode Cbox Milik sobat
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Dapatkan Ilmu Bermanfaat <a href="http://pengetahuan-inspirasi.blogspot.com" target="_blank">Disini</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

• Save dan lihat hasilnya.
• tulisan bewarna putih harus diisi dengan kode box chatting yang sobat miliki. Sobat dapat mendapatkan chatting box melalui cbox.ws
  
  ini screenshootnya: