Pemberitahuan :

Maaf Atas Ketidak Nyamanan, Blog Ini Sedang Dalam PERBAIKAN !!

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Translate This Blog by JAS_Blog

May 14, 2011

Cara membuat Hidden-Show Chatbox Kanan/kiri

Reactions: 



Biasanya memasang Hidde / Show Chatboxblog jika blog kita penuh dengan berbagai macam gadget, iklan dsb..

Berikut langkah-langkah memasangnya :
1. Login akun blog anda
2. Masuk pada Tata letak (layout)
3. Pilih Elemen halaman (page element)
4. Klik Tambah gadget (add gadget)
5. Pilih HTML/Javascript
6. Masukkan kode berikut ini dalam kolom yang tersedia

kode hidden/Show chatbox Kiri


Kode hidden/Show chatbox Kiri 



Berikut keterangannya..

1. top:100px = keterangan jarak icon hidden chatbox dari atas (top) sejauh 100 px
2. height:100px = tinggi (height) tampilan icon hidden chatbox yang sebesar 100 px
3. width:30px = lebar (width) tampilan icon hidden chatbox yang sebesar 30 px
4. border:2px solid #003e82 = warna (solid) dan ukuran border yaitu #003e82 dan border sebesar 2 px
5. background:#f3f6f7 = warna background pada chatbox saat ditampilkan
6.background:url('http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S2EvgsgQ7nI/AAAAAAAAA_k/gq8QRLZcHFs/s400/cbblue.png') no-repeat = icon hidden chatbox yang akan berguna untuk menampilkan chatbox yang disembunyikan

Di bawah ini adalah gambar icon Chatbox, pilih sesuai selera anda :


background:urlbackground:url('http://1.bp.blogspot.com/_GmDoFC87tnc/S9mFSX2I_qI/AAAAAAAAAfs/60n9Gquxt6o/s1600/cbblue-2.png')
Warna border #0079a0







background:urlbackground:url('http://1.bp.blogspot.com/_GmDoFC87tnc/S9mFRucX-HI/AAAAAAAAAfc/WmswhSn7reM/s1600/cbgreen.png')
Warna border #008232




background:urlbackground:url('http://3.bp.blogspot.com/_GmDoFC87tnc/S9mFROZPMBI/AAAAAAAAAfU/e0Qb4B7Gr_I/s1600/cbyellow.png')
Warna border #aca500




background:urlbackground:url('http://4.bp.blogspot.com/_GmDoFC87tnc/S9mFQhSm5PI/AAAAAAAAAfM/CermeFfIask/s1600/cbred.png')
Warna border #790909

No comments:

Post a Comment

Silahkan Berkomentar Tentang Blog Ini (NO SPAM PLEASE) Agar Blog Ini Bisa Lebih Baik Lagi Dari Yang Sekarang.... TERIMA KASIH & SEMOGA BERMANFAAT :)

EasyHits4U.com - Your Free Traffic Exchange - 1:1 Exchange Ratio, 5-Tier Referral Program. FREE Advertising!

Copyright @ 2013 JAS Blog. Designed by Templateism | Love for The Globe Press