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 -->
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.
0 Response to "Cara membuat buku tamu tersembunyi"
Posting Komentar
- Jika Berkomentar , Berkomentarlah Dengan Sopan Dan Baik
- Pakai Pilihan Anonymous jika Anda Tidak Mempunyai Blog.
- Di Larang Menautkan Link Secara Langsung
- Di Larang Politics Dalam Bentuk Apapun
- Di Larang Spam
MOHON MAAF JIKA COMENT ANDA TIDAK SAYA JAWAB KARENA SAYA TIDAK ONLINE 24 JAM DIKARENAKAN BANYAK URUSAN DI DUNIA NYATA.