Pasang buku tamu tersembunyi di blog

   Buku tamu, memang sangat berguna untuk blog. Gunanya, untuk menghubungkan admin dengan pengunjung. Selain itu bukutamu/Guest book bisa juga dijadikan chat box. Buku tamu, itu tinggi  dan lumayan memakan tempat di sidebar blog. Oleh karena itu, memasang buku tamunya di sembunyikan. Demonya, seperti di blog saya.

1. Sign in blog
2. Tata letak
3. Add gadget
4. HTML/java script.
5. Copy kode dibawah 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('http://i971.photobucket.com/albums/ae193/Zendrymaulana/Wallpaper%20For%20Template%20Blogger/bukutamu2.gif ') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FF0000;
background:#FFFF;
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 script buku tamu anda disini

<div style="text-align:right">
<a href=" http://sayklik.blogspot.com/2012/06/pasang-buku-tamu-tersembunyi-di-blog.html#more">Pasang Ini Juga?</a>><a href="javascript:showHideGB()">
Close
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


KETERANGAN
--Kode warna biru, adalah gambar tombol buku tamu. Boleh diganti dengan gamber yang lain.
--Kode warna oranye, adalah warna garis buku tamu.
--Kode yang berwarna hijau, adalah backround buku tamu. Bila belum jelas, edit saja kode warnanya. 
--Kode warna ungu adalah lebar tombol.
--Kode warna abu - abu, adalah tinggi tombol
--Kode berwarna emas, bisa anda ganti dengan teks lainnya.


6. Save


 Ingin mengganti tampilan tombol buku tamu anda? Klik Aneka macam tombol buku tamu.