Cara Memasang Widget Chat Box yang Tersembunyi di Kanan

Advertisement
Beberapa waktu lalu saya saya bahas cara buat widget chat box di blog. Nah kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya.
Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs cbox. Untuk langkah-langkah pembuatan akunnya sobat bisa klik disini. Atau langsung saja masuk ke situs cbox, klik disini.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:
1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.



6. Atur ukuran dan posisi pada pilihan top, height dan width.
7. Ganti tulisan "Masukan Kode Chat Box Disini" dengan kode html chat box sobat.
8. Ganti URL gambar opsi "background:url" dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.

Url Gambar Lainya:

http://1.bp.blogspot.com/-h1DI2Vvt4y0/Tk9GTOFmFDI/AAAAAAAAAKE/6j4-eg8bfVw/s1600/Chatbox.png

http://2.bp.blogspot.com/-N8RQFYloE8U/Tk9GQiznVRI/AAAAAAAAAJ0/w0zESnm6QBI/s1600/Bukutamu3.png

http://3.bp.blogspot.com/-R-qijeJYiRc/Tk9GQdoO_sI/AAAAAAAAAJw/-gz0KZf_fzc/s1600/bukutamu2.gif

http://2.bp.blogspot.com/-QIvW70iUtw0/Tk9GSDXDH7I/AAAAAAAAAJ8/W__GrhmvUao/s1600/bukutamu5.png
http://1.bp.blogspot.com/-Fu1GTJiqjAs/Tk9GPChUlhI/AAAAAAAAAJo/Rc01LxQqJZQ/s1600/2131wkl.png
http://1.bp.blogspot.com/-bbW-SQuPxjA/Tk9GRVOM53I/AAAAAAAAAJ4/3O-QoudrWOA/s1600/bukutamu4.png

http://4.bp.blogspot.com/-kId5EVOdKjY/Tk9GPgw2uCI/AAAAAAAAAJs/5M95sfmpUa8/s1600/BukuTamu1.png

Sobat tinggal pilih mana yang sobat suka. Jika selesai lihat hasilnya, semoga info ini bermanfaat dan mudah-mudahan berhasil.
Share this article :
 

Poskan Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. DUNIA INFO - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger