Monday, October 10, 2011

Membuat Chat Box Melayang Seperti FB

/ Monday, October 10, 2011 /

Membuat Chatbox melayang seperti Facebook akan membuat tampilan blog lebih hidup. selain itu juga akan mempermudah pengunjung untuk ikut ngobrol dengan pengunjung yang lain tanpa harus mencari tempat buat menulis.

Untuk membuatnya, ikuti langkah berikut ini:
1. Login ke Blogger
2. Pilih Rancangan
3. Edit Html
4. Copy code berikut ini:

#melayang {margin-right:1px;;padding-top:10px;
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _right:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }

5. Letakkan sebelum tag  ]]></b:skin>.
6. Copy code berikut ini:

<div id='melayang'>
 code chat box di sini
</div>

7. letakkan sebelum tag </body>
8. Taruh code chatbox di tulisan yang berwarna merah.
9. Lihat pratinjau apakah chatbox sudah melayang. jika sudah pilih SAVE
10. Gimana hasilnya ?

0 comments:

Post a Comment

 
Copyright © 2010 Note Life Blogger, All rights reserved
[Close]