Cara Membuat Buku Tamu Pada Blog Tanpa Di Klik

Pada Tutorial Blog Sebelumnya Saya Sudah Menjelasakan Tentang Bagaimana Cara Memasang Status Plurk di Blog.Dan Pada Tutorial Blog Kali ini Saya Akan Menjelaskan Pada Sobat Tentang Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka.
Seperti Buku Tamu Blog Yg Ada Di Victor Zaiz Blog Tanpa Perlu Di Klik Terbuka..? Bila Sobat Ingin Buku Tamu Yg Seperti Itu Sobat Bisa Mengkuti Langkah-Langkah Berikut.

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak 
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2gWSLntsRmUIebeUlllvOkvbMdRR3-jOSJMtYtCMJt9CLIObn7R4uq76U54BZpbgcciG4vbpgYEAoUPaTJwmryvSbe0PP7WG-0RBr5MeT6eEjAf5mKxWiWG-KsrH9HTxffCBwUZHQ1yOV/s1600/api.gif) no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Letakan Script Buku tamu sobat Disini
<br />
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>

</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>

  5. Ubah Kata Letakan Script Buku tamu sobat Disini Dengan Script Buku Tamu Sobat
  6.Simpan Dan Lihat Hasilnya

Semoga berhasil, dan selamat mencoba. :-)

Posted in: Tutorial Blog