Hi, guest | Welcome to Blog webzonepslu | Register | Sign in
Advertise | Contact | About | Live Music | Donation | Sitemap


13 Mei 2012

Cara membuat Chatbox / guestbook tampil di kanan/ kiri blog

. 13 Mei 2012

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disana kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

 Dan apabila anda ingin shoutmix / shout box anda tampil di bagian kanan / kiri blog. anda bisa mngikuti trik berikut ini oke langsung aja lihat dengan seksama cara membuat nya:
 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 left


Kode hidden/Show chatbox right



Berikut keterangannya..
<!-- KODE SHOUTMIX ANDA DISINI --> silahkan code yang berwarna merah anda ganti dengan code shoutmix / cbox / chatbox anda

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlsdX1hwAf7bq8YPhyphenhyphenkxta24ah3kFYNAcnIAFY9h6TEWl0-2RzmlL-gxVItJzksZf-tdSp8-zzBPhaRl_W4JBfYqLNncRC6nfOfbUZhguuZR-LShW-5lvn-eTCrw9kojzavfszna68rEE/s400/cbblue.png') no-repeat = icon hidden chatbox yang akan berguna untuk menampilkan chatbox yang disembunyikan
 Contoh lubanyuwangi

kode hidden/Show chatbox left

cari code di bawah ini pada colom diatas kemudian  ganti dengan code soutbox anda selesai.
  dan semoga bermanfaat bagi anda. selamat mencoba dan terimakasih.
Share this Article now on :
ARTIKEL YANG BERHUBUNGAN :


2 komentar:

J4K mengatakan...

Saya Sudah Pasang link Agan

webzonepslu mengatakan...

trim informasinya gan "wgchat.com

Pasang di blog sobat

Mau Tukar Link dengan saya? [ Copy/paste ] code HTML berikut ke blog anda"

webzonepslu

gambar akan tampak seperti di atas

Jika link blog tersebut sudah anda pasang di blog anda segera beri komentar / chatbox Saya usahakan secepatnya link blog anda juga segera saya pasang.Terimakasih

Unordered List

Posting

Posting Diterbitkan

Komentar

Komentar Diterbitkan

Statistik Blog
 
You Are The Best / Thank you visit