CHATBOX TERSEMBUNYI

Posted by : Unknown Monday, March 18, 2013

Malam semuanya
kali ini saya akan memposting
TUTORIAL menambahkan CHATBOX

langkah2 nya

Bag 1 (CBOX SETTING)

1. Sign Up dulu di www.cbox.ws
2. Konfirmasi Link nya
3. Login
4. Pilih Tab Look and Feels > Layout Option
5. Ubah sesuai keinginan (terjemahin sendiri ya hehehe) > Save
6. Pilih Tab Look and Feels >Style Presets
7. Pilih Tema nya > Confirm
8. Pilih Tab Look and Feels & Color & Fonts
9. Ubah sesuai Keinginan > Apply
jika mau CSS nya diedit Pilih Tab Look and Feels > Edit CSS (OPSIONAL)

10. Pilih Tab Publish!
11. isi bag Your Website dengan Alamat Blog / Web kalian
12. pada bag Step 1
Pilih sesuai web / blog

13. pada bag Step 2
Pilih tempat cbox (Rekomendasi Inline)

14. copy kode akhir kalian!

Sementara Setting Cbox sudah selesai

Bag 2 (CBOX INSTALLING)

1. Buat 1 Widget HTML (Add Widget > HTML/....
2. Copy Kode berikut :

.gb_fixed{

position:fixed;

top:250px;

left:0px;

z-index:+10;

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {

display:none;

border:3px solid #ff0000;

background:#ffffff;

padding:10px;

padding-top:0px;

}

</style><br />
<br />
<div class="gb_fixed">
<br />
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td><br />
<br />
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:#000000">[X]</b></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<div id="cboxdiv" style="text-align: center; line-height: 0">
<br />
<div>
<iframe frameborder="0" width="200" height="300" src="http://www7.cbox.ws/box/?boxid=647512&boxtag=lw6s79&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-647512" style="border:#ababab 1px solid;" id="cboxmain7-647512"></iframe></div>
<br />
<div>
<iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=647512&boxtag=lw6s79&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-647512" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-647512"></iframe></div>
<br />
</div>
<br />
<br />
<br />
<br />
<br />
</td></tr>
</table>
<br />
</div>
<br />
<script src="http://wisnunugraha.googlecode.com/files/Hide%20ChatBOX.js"></script><br />
<br />
<div style="z-index:+5" class="gb_fixed">
<br />
<a href="javascript:void(0)" onclick="gb_showHideGB()"><br />
<br />
<img border="0" style="border:0px" src="http://i1123.photobucket.com/albums/l546/wizyuloverz/BloggerChat.png"/><br />
<br />
</a><br />
<br />
</div>
<br />
</div>
<br />

- ubah pada bagian

lalu copy kan ke Widget HTML tadi
-selesai