- Back to Home »
- Blogger »
- 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:
<!-- desaign chatbox by http://www.m-azka.com/ START -->
<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>
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<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>
</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/AVvXsEhHzXdM48idKX9UjURpKlZqgSFpUhfXDGlOpQ8Z_i6ZcVn_d5SMuWCv16kwU5yVEZHMoTN7X4y7ecWSA4qw2vwnGwUmxRCNt9QV-AtSgCvpvZA8rnyG5T487QVVeWg2JdqHh05ccp0Sppao/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>
<!-- desaign chatbox by http://www.m-azka.com/ END -->