Membuat BUKU TAMU tersembunyi

Contoh buku tamu tersembunyi

Untuk membuat BUKU TAMU tersembunyi seperti contoh diatas terlebih dahulu anda harus mempunyai Script Buku Tamu terlebih dahulu tapi bisa saja wadahnya dibikin terlebih dahulu Script Buku Tamunya menyusul kemudian, karena script ini bisa untuk yg lainnya juga bukan hanya untuk buku tamu saja..
Copy Script dibawah ini:

<style type="text/css">

#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://logotugumas.blogspot.com/2012/04/logo-buku-tamu.html') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
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">

MASUKAN KODE BUKU TAMU/WIDGET DISINI
<div style="text-align:right">

<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>

Setelah di Copy kemudian

• Login ke Akun Blogger anda 
• lalu klik RANCANGAN, 
• klik Tambah Gadget
• klik HTML/JavaScript
• beri judul dengan nama Buku Tamu (maksudnya supaya mudah dalam pengeditan)
• Kemudian Copy Script diatas Pastekan dibawah Konten
• kemudian Simpan.

Tulisan berwarna merah bisa anda ganti dan Script buku tamunya bisa anda masukan dengan mengganti tulisan 
" MASUKAN KODE BUKU TAMU/WIDGET DISINI " Selamat mencoba dan Semoga berhasil !!