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 -->
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>
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/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 -->
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.
Tags
Blogger