Cara Membuat Buku Tamu di blog

Cara membuat buku tamu di blog kali ini dengan cara disembunyikan atau hidden alias tidak ditampilkan yang biasanya berada pada side bar sebuah blog. Bingung? Contohnya pada blog,saya ini, sobat bisa lihat di samping kanan blog dan silahkan lihat dan coba bagaimana cara kerjanya.
Buku tamu pada sebuah blogger sebenarnya bukan sesuatu yang wajib dipasang, tapi pastinya kita akan mendapatkan keuntungan apabila kita memasang buku tamu di blog yaitu selain mempermanis blog juga sebagai sarana komunikasi dengan antara pengunjung dengan admin.

Pertama :
Buka dan daftar di http://www.cbox.ws/
setelah mendaftar lalu dapatkan kodenya.
terus  Login Ke Blogger->Rancangan-> Tata Letak->Tambah Gadget->HTML java script.
copy kan kode di bawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkmsRacO15x1BmHVk0KRRfYW9cWKLn23l_nYHLoMhiElps8p9zBwDUXuBd2Vz-7A5GLd7O3ho-JMQ1TxTuXXeEwqyFUR0-2BIKfzmshLSCbfAlYOE0jWutWVlgbb2tTWS1_1_biAyxeDQ/s1600/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">
PASANG KODE BUKU ANDA DI SINI

<div style="text-align:right">
<a href="http://jasapembuatanblog-murah.blogspot.com/2011/12/cara-membuat-buku-tamu-di-blogspot.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

apabila sudah selesai,jangan lupa di simpan "SIMPAN" tara lihat hasilnya.
NB: TULISAN BERWARNA MERAH DIGANTI DENGAN KODE YANG SUDAH ANDA DAPATKAN SAAT      MENDAFTAR CBOX tadi.

Posted in: Tutorial Blog