Buat ChatBox Melayang Pada Blog

Hai, Hari ni kojoe nak kongsi dengan rakan blogger cara nak buat chatbox dlm blog kita terapung(float) dan kekal di tempatnya walaupun kita scroll down atau scroll up. Macam mane tu chatbox boleh terapung? tak perlu hairan kerana disini ada beberapa koding yg perlu kita copy kat blog html. caranya ialah..

***contoh Shoutmix(chatbox) terapung***

Gambar diatas ialah hasil bila kita letakkan koding yg disediakan dan chatbox akan berada di kiri atau kanan ikut kesesuaian kita(edit koding tu)..ia akan terus terapung di tempat yg sama walaupun kita scroll keatas atau kebawah.


Caranya ialah:

1. Log In account blogger Anda
2. Setelah itu klik Layout > Edit HTML
3. Masukkan kode kaler OREN ini tepat di atas kode ]]></b:skin>

#kojoe {

position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); 
_left:expression(document.documentElement.scrollLeft+ 
document.documentElement.clientWidth - offsetWidth); }

*mcm gambar kat bawah ni...

4. Pastu masukkan code color OREN ni tepat di atas kode </body>

    <div id='kojoe'>

-----Disini coding chat box anda-----

    </div>

*mcm gambar kat bawah ni

5. Untuk kode yang berwarna HIJAU Anda boleh letak dengan code ChatBox Anda
6. save dan lihat hasilnya

p/s: thanks to Blog Z TECH V 5