Cara Membuat Tombol Chatbox Melayang

Halo Sobat apa kabar pasti baek kan ? gue mau ngasih tutor yah punya ku sendiri maaf gue jarang update tentang blog lagian maubanyak gue share tpi gue sibuk dengan kegiatan sekolah dan itu sangan penting laksanakan. aku sebagai KETUA majalah milik sekolah. jadi yah sibuk gitu. apalagi diselingin dengan aku sebagainya SEKRETARIS PIK-R. waduh banyak banget kegiatan ku langsung aja yah !

Demonya Di pojok kanan atas atau bisa liat gambar XD

Langsung Bor !

1. Login Ke Blogger
2. Pilih Template
3. Lalu Edit HTML
4. Lalu Cari Kode </head>
5. Lalu COPAS ( Copy Paste ) Kode Di Bawah Ini dan letakan di atas kode </head>

<style type='text/css'>
#DHOchat{position:fixed; _position:absolute; top:150px; right:0; clip:inherit; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth-offsetWidth)}
</style>

Selanjutnya ..

1. Login Ke Blogger
2. Pilih Tata Letak Atau Layout
3. Lalu Tambahkan Gadget Atau Add Gadget
4. Lalu Tekan HTML/JavaScript
5. Lalu COPAS ( Copy Paste ) Kode Di Bawah Ini

<div id='DHOchat'><a href='http://edho-xp.blogspot.com/2012/11/chatbox.html'><img alt='Click Here to Chat' height='134' src='http://i1239.photobucket.com/albums/ff513/Ramapoetra24/CHATTT_zpsf9bf8955.png' width='43'/></a>
</div>

Keterangan :

http://edho-xp.blogspot.com/2012/11/chatbox.html diganti dengan URL link chatbox anda
http://i1239.photobucket.com/albums/ff513/Ramapoetra24/CHATTT_zpsf9bf8955.png adalah url gambar nya bisa di ganti sesuka kalian
134 adalah jumlah panjangan nya gambar bisa di ganti sesuka kalian misal 140 (jangan terlalu panjang nanti burem)
43 adalah jumlah lebar gambar bisa di ganti sesuka kalian misal 50 (jangan terlalu lebar nanti burem)

Semoga Bermanfaat !

COPAS SERTAKAN SUMBER NYA !

(ARTIKEL ORIGINAL)

BackLink please. Thanks! ^^

URL

Code For Forum

HTML Code

<a href='http://edho-xp.blogspot.com/2013/01/cara-membuat-tombol-chatbox-melayang.html' target='_blank'>Cara Membuat Tombol Chatbox Melayang</a>

About EDHO-XP Author

Nama gue Edo Cosma. Nama asli gue Ahmad Dhoifullah . Gue orang nya sedikit pendiam dan pemalu. Apa lagi gue masih menduduki kelas 8 / 2 SMP tepatnya di sekolah SMPN 3 BATANGHARI sekolang yang berada di kotaku. Ini blog hanya percobaan dan iseng aja kok sob. Salam kenal yah sob !

Selengkapnya Tentang Admin EDHO-XP »