Cara Membuat Buku Tamu Blog Melayang Atau Sembunyi

Yaitu model buku tamu akan terbuka ketika kita klik, berbeda dengan buku tamu tanpa di klik bisa muncul yang ane posting disini sob, kalau mau coba silahkan aja langsung ke TKP:

1. Siapkan dulu sob, script buku tamu kalian. Bisa Shoutmix, bisa Cbox. Lalu simpan di notepad.
2. Login ke blogger, lalu klik Rancangan, Add Widget, HTML/Javascript ( Tips : Tempatkan widget di samping kiri dan jangan diberi judul)
3. Copy paste script berikut :

<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEjkEWOMcxi3iEKDwZSaeuCA843_HkfSm0zOdQ0FudMg2qn3Ul6Rz_eRsME4pJBZUfpwTXJljuiKrv9nO__1MFt2oBtMe3PFhsfzZU9up4bfzaNILNgM8TwGpgd1xSnC0QXxI3l8U1wZmAKQ/') 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">
Tempatkan Script Buku Tamu kalian disini
<br/>

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

 
Warna Biru : Ganti dengan script buku tamu kalian yang telah disimpan di notepad
Warna Merah : Bisa diganti dengan url gambar tombol buku tamu. Kalau malas, dibiarkan saja juga tidak apa-apa.

4. Tinggal save, jadi deh...
Kalau sudah sukses harap konfirmasi sob. Okay. . . .
Nah sekian dulu cara membuat buku tamu tersembunyi dari saya meskipun sudah banyak sekali tutorial lain, tapi ini masih diperlukan untuk menjalin tali silaturahmi. . . wassalam.