Cara Membuat Buku Tamu Tersembunyi

Cara membuat buku tamu tersembunyi atau chat box show hide pada blog yang muncul ketika diklik tentu saja banyak fungsinya untuk para blogger. Salah satunya adalah menghemat tempat pada tampilan blog kita. Trik blogger kali ini akan membahas bagaimana cara untuk membuat kotak chat box show hide atau buku tamu tersembunya yang bila d klik maka akan terbuka. Sebagai contoh dapat dilihat pada blog snutznotes ini. Nah. Kalau sobat ingin tahu bagaimana cara membuatnya simak ritual saya di bawah ini.

1. Masuk ke bagian tata letak blog sobat.
2. Pilih Add Gadget > Html Javascript.
3. Copy rumus kimia di bawah ini:

<style type="text/css">

.gb_fixed{
position:fixed;
top:60px;
right:0px;
z-index:+10;
}

* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:0px solid gray;
background:transparent;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a>

<span style="font-size: 80%;">
<span style="color: red;"> Get this</span>
<a href="http://www.m-azka.com/2011/02/cara-memasang-chatbox-hide-show.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign1</span>
</a>
<span style="color: red;"> or</span>
<a href="http://www.m-azka.com/2011/04/membuat-floating-widget-chatbox.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign2</span></a></span>

Masukkan Kode script Chat box atau buku tamu sobat

</td></tr>
</tbody></table>
</div>

<script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js">
</script>
<div class="gb_fixed" style="z-index: +5;">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkzGJHGL5kxC0DpY0MOOdKeRnViel2HjIOY6f1Yix_N_Xyp9UrB9qAdRc5CyWQD4LMB16dHVhcxQ-5ecGDZYddij_hjxu4fbO8wIHsippzQ71l5cuM2k1mPWzS6m0Bo7zDwDVD3jBmd3h/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>

5. Klik simpan dan ihat hasilnya.

Demikianlah cara membuat buku tamu tersembunyi atau cgat box show hide yang apabila diklik maka akan terbuka. Terimakasih dan semoga membantu.