Cara Pasang Chat Box Tersembunyi

         Hallo Sobat BonceliZme Blog ., kali ini saya akan share tentang bagaimana Cara Pasang Chat Box Tersembunyi di blog sobat semuanya.. Chat box itu apa ya??? chat box itu semacam buku tamu buat para pengunjung blog sobat yang ingin meninggalkan jejaknya ato ingin berkomunikasi via chating dengan temenya yang sedang membuka blog sobat. Nahh., kali ini ada versinya tersembunyi., wow keren kan??? kya di blog saya ini sob.Langsung aja sob. disimak....

1. Pertama tama Masuk ke Dashboard Blogger sobat.
2. Selanjutnya pilih Tata Letak
3. Pilih Add widget ato Tambah Widget
4. Copy kan Script dibawah ini dan pastekan di widget sobat

<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 #transparent;
background:#transparent;
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()"><b style="color:red">[ Tutup Klik Sini]</b></a></div>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="350" src="http://www5.cbox.ws/box/?boxid=760760&amp;boxtag=2hpxcg&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-760760" style="border: 0px solid;" id="cboxmain5-760760"></iframe></div>
<div><iframe frameborder="0" width="250" height="108" src="http://www5.cbox.ws/box/?boxid=760760&amp;boxtag=2hpxcg&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-760760" style="border: 0px solid;border-top:0px" id="cboxform5-760760"></iframe></div>
</div>
<!-- END CBOX -->

</td></tr></table>
</div>
<script src="https://sites.google.com/site/listblogtutorial/widget/lbt.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/AVvXsEj1xrOO3TT9mfQvhXgg7E1WgTEs6NK8ggFvczHFYCo3iYtxQYLPUsWM90mr5kS_mmSbe95CMCGjUGTMULePLUCK4VtCirrb3G0wvqblc-J_3iRa-20sBGi2OwPCh8s4Rj0tVFeJ4G6B/s70/chat.png"/>
</a>
</div>

• Ganti Text Warna Merah dengan Kode Chat Box ato Script buku tamu Sobat. Jika sobat belum punya bisa daftar di CBox ato ShoutMix.

• Ganti text Warna Ungu dengan lokasi gambar yang akan sobat pakai di logo Chat.
• Ganti Text Warna Hijau dengan Tulisan Tutup ato Close ato Hide ato terserah Sobat

Udah dulu sob. tips trik Cara Pasang Chat Box Tersembunyi di blog. Selamat Mencoba Sob, n semoga bermanfaat

 

Posted in: Tutorial Blog