25 Juni 2013

Chatbox like mine

Sebenarnya, bikin chatbox versi yang ini cuma iseng-iseng, pas lagi utak-atik css. Alhasil, ternyata rapi dan simpel juga.  ~ WARNING : agak ribet ~

click image for zoom


Steps


  1. Kalian harus mempunyai code basic chatbox dulu. Dan must from    Cbox.ws
  2. Jika belum punya, silakan daftar dulu.
  3. Copy code di bawah ini  [ code ini untuk form pengisiannya ]
<img src="URL GAMBAR" width="300px" /><center><div id="edited" style="width:310px; position:absolute; top: 320px;
<div id="cboxdiv" style="text-align: center; line-height: 18">
<div><iframe frameborder="0" width="260" height="61" src="http://www5.cbox.ws/box/?boxid=IDCBOX&amp;boxtag=56lyj1&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-IDCBOX" style="border: 0px dashed #ccc;border-top:0px" id="cboxform5-IDCBOX></iframe></div>
</div></center>


  1. Paste di tempat sidebarmu.
  2. Copy code di bawah ini lagi [ code untuk kotak chatnya ]
<div><iframe frameborder="0" width="280" height="190" src="http://www5.cbox.ws/box/?boxid=IDCBOX&amp;boxtag=56lyj1&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-IDCBOX" style="border: 0px dashed #ccc;" id="cboxmain5-709341"></iframe></div>
  1. Paste code di sidebarmu. Kira-kira di bawah code form pengisiannya

Merah : ubah sesuai kehendak, tapi sesuaikan.
Orange : URL gambar
Ungu :  letak form, semakin besar nominal, semakin ke bawah letaknya.
Biru :  ganti dengan ID CBOX kamu.
--------------------------------------------------------

Jika kalian mau meletakkannya di samping, mungkin agak sedikit ribet kodenya. Karena versi chatbox seperti saya, untuk meng-apply-kannya, hanya bisa pada layout skin kuranglebih seperti punya saya.
Jadi, gomen ... 





0 Comment:

Posting Komentar

NO HARSH WORDS
please, don't SPAM here!
I'll reply if I didn't busy -.-