Dengan mengikuti langkah-langkah di bawah ini, kamu dapat membuat chatbox bisa sembunyi dari tampilan blogmu, yang animasinya berbeda seperti yang lainnya.
Langkah-langkahnya sebagai berikut :
1. Masuk ke Tambah Gadget--->HTML/Javascript.
2. Masukkan script di bawah ini!
<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #88C900;
background:#E5E5E5;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()">[Close]</a></div>
Isi dengan kode chatbox milikmu!!
<div style="text-align:right; font-size:10px">
How to make chatbox like this?
</div>
<div style="text-align:right; font-size:10px">
<a href="http://www.adoet-stroming.co.cc/2010/07/cara-menyembunyikan-buku-tamuchatbox.html">Click Here</a>
</div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPIqybj7-rWMF_wUCKdPY5Btpf0L7VW1ImM46noaO07l6mLMIVZHuytWoXHDz6O2V67jEr6bKCv-DoMg-Dj9ml7MATHdOs29FAiY25lba3AQWV41WnMnknU8XLD2lf_vwg4ZhqMhh_zVCP/"/>
</a>
</div>
</script>
3. Buat kamu yang mau ganti icon Chatboxnya (icon yang di-klik untuk memunculkan Chatbox, yang bertuliskan Buku Tamu ) bisa ganti alamat icon-nya seperti ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPIqybj7-rWMF_wUCKdPY5Btpf0L7VW1ImM46noaO07l6mLMIVZHuytWoXHDz6O2V67jEr6bKCv-DoMg-Dj9ml7MATHdOs29FAiY25lba3AQWV41WnMnknU8XLD2lf_vwg4ZhqMhh_zVCP/
(lihat kembali kode di atas) bisa diganti dengan alamat icon kamu. Pasti bisa.
0 komentar:
Posting Komentar