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 ...