Hai sob hari ini saya akan share cara mempercantik blog lagi, hmm hari hari ini banyak banget yang mita scrip chat box seperti di blog ini nah sekarang saya akan share cara membuatnya.
Langkah-Langkahnya:
1. Masuk Blogger dulu.
3. Daftar Chat Box dulu di sini untuk mendapatkan Kode Chat Box
2. Masuk Tata Letah -> Tambah Gandget -> Copy Scrip Di Bawah Ini dan pastekan di Gadget pilihan.
<style type="text/css">
.gb_fixed{position:fixed; top:60px; right:0px; z-index:+10}
* html .gb_fixed {position:relative;}
#hidden_gb2{display:none; background:transparent; padding:10px; padding-top:10px; border:1px solid #ccc; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg)}
#hidden_gb2:hover{background:url("http://i55.tinypic.com/8x1xlt.gif") no-repeat scroll 0 0; background-position:top center; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}
</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%;">
</a></span></div>
--> Kode Cbox(Buku Tmu) Anda Disini <--
</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="http://i1181.photobucket.com/albums/x427/mazkac/chatbox.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>
.gb_fixed{position:fixed; top:60px; right:0px; z-index:+10}
* html .gb_fixed {position:relative;}
#hidden_gb2{display:none; background:transparent; padding:10px; padding-top:10px; border:1px solid #ccc; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg)}
#hidden_gb2:hover{background:url("http://i55.tinypic.com/8x1xlt.gif") no-repeat scroll 0 0; background-position:top center; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}
</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%;">
</a></span></div>
--> Kode Cbox(Buku Tmu) Anda Disini <--
</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="http://i1181.photobucket.com/albums/x427/mazkac/chatbox.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>
Jika kalian punya hati pasti tahu gimana cara menghargai kerja saya. HAPPY BLOGGING (^_^)

