Cara Membuat Buku Tamu Terbuka Tanpa Di Klick

Sekarang saya akan mencoba memberikan tutorial Cara Membuat Buku Tamu Terbuka Tanpa Di Klick, maksudnya buku tamu yang ada di blog kita akan terbuka secara otomatis tanpa ada perintah klick Sebelum tutorial ini dipelajari silahkan sahabat baca terlebih dahulu tutorial sebelumnya yaitu Cara Membuat Buku Tamu Pada Blog . Atau Cara Membuat Buku Tamu Melayang Di Blog

Baiklah sekarang kita lanjutkan kepada pokok pembahasan kita kali ini yaitu Cara Membuat Buku Tamu Terbuka Tanpa Di Klick. Untuk pembuatannya sanganlah mudah, sahabat tinggal ikuti saja langkah langkah yang akan saya sampaikan dibawah ini :

1. Login ke akun Blogger

2. Lalu Pilih Rancangan atau Tata Letak

3. Selanjutnya Klick Add Widget atau Tambah Widget

4. Copy kode script dibawah ini dan pastekan kedalam widget

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/AVvXsEisTQyZ_y4CbuZMnEQZAMOdaoM7FN3KI6NclzaoxcIAS9zQ3c43itVmBHqgkriQ8wxIeUuHI3D2PQG7M5ZHHcbX9TyC6OHY7CLvLKxFBnScBUsc-ZScFj0AxcVoGhdTru0eZyP6i0qJjSbj/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>
TEMPELKAN KODE BUKU TAMU SAHABAT 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. Ganti TEMPELKAN KODE BUKU TAMU SAHABAT DISINI dengan kode buku tamu sahabat

6. Simpan dan lihatlah hasilnya

Nah mudah bukan Cara Membuat Buku Tamu Terbuka Tanpa Di Klick, demikian tutorial yang dapat saya sampaikan, kalau tutorial ini merasa bermanfaat untuk sahabat