Cara Mudah Membuat Kotak Keren Chat Box Buka Tutup Di Blog Cara Mudah Membuat Kotak Keren Chat Box Buka Tutup Di Blog

Langkah Pertama  pergi ke Cbox
Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
Setelah sudah masuk edit sendiri Cbox anda sendiri

dan Langkah berikutnya Copy-Paste HTML dibawah ini 


!-- desaign chatbox by http://acer-c4yber.blogspot.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://acer-c4yber.blogspot.com/2012/08/cara-pasang-chat-box-atu-buku-tamu.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign1</span>
</a>
<span style="color: red;"> or</span>
<a href="http://acer-c4yber.blogspot.com/2012/08/cara-pasang-fibox-shoutbox-yang-cool.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign2</span></a></span>

Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

</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/AVvXsEgajB4-SL5AMshbavZuFxhMB75WR49WFviv1qVmuQiqPUiDmEHHEkoAZ0rmxTnPAQhrJrl9HNlL1e1cSlypVQldDnXurrJb-KAFJdgveFw3ITdiIaiz92zcggFw_c7-DRwuhhXxye3J2HvV/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>
<!-- desaign chatbox by http://acer-c4yber.blogspot.com/ END -->


Cara menaruh html di atas
Masuk akun blogger siapa ajah boleh
Ke tata letak
Add gadget atau Tambah gadget
Edit html/javascript
Masukan html di atas
selesai
Semoga artikel ini bermanfaat buat sahabat semua..... Tambahan tombol saat membuka chatbox:
Berikut ini adalah icon hidden chatbox dan warna border yang serasi dan bisa anda gunakan dalam hidden chatbox anda ,


URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8sbspO6jfHxWcnFE-5a90ny6YgH6F4aiqL9j3JGsW2kpDFUOnhwWhS2alog9W6t3FeX_wuYNZEnxSjwidi4ak-LqKWoDEUFif8ThZGqHNkxFmOJEI2oXK3pN1rDKnNZWBYX8HLEqZms1c/s1600/cbblue-2.png
Warna border #0079a0


URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObh1JpskEBlVQ0UFTEupyFm21puPdFSv3bJgiTtUgTxI6mgwG_hVnV6Us8JudOJ7CPvvDIx3xFJs0v453KcyFpa-wL8OG-I01NdLI1IK8f_9Sjj1UJtzssmLyWEi72Pj691O6qkQKywZh/s1600/cbblue.png
Warna border #003e82


URL 








Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOku_SzEbddWyuM2jAkhJbuOdIkcHo0N84Dp2FJWNizrg36Ue6pgb-N1qM5-SANT4FU8oXLXdQntnSaT4nP56jCUv32tRdO5LznAdSDj2vxkQwhy8iu33cxen5CnLCjrwMZGX0-ufIWYT/s1600/cbgreen.png
Warna border #008232



URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGx7g2pfu-VSVCaPlbd4mUG2L9jTpuKcef72F2JYg-oEW0LfQjYxyygXTo3PyvIU9Dc2NsOMUwrwT_sbHtz-sABX03q47Fd_-IhbAQzyciRC1ynNvq2vmXpVKc9-SMU4eZF4kqUZMF_rH/s1600/cbyellow.png
Warna border #aca500


URL Gambarhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgajB4-SL5AMshbavZuFxhMB75WR49WFviv1qVmuQiqPUiDmEHHEkoAZ0rmxTnPAQhrJrl9HNlL1e1cSlypVQldDnXurrJb-KAFJdgveFw3ITdiIaiz92zcggFw_c7-DRwuhhXxye3J2HvV/s1600/cbred.png
Warna border #790909