Membuat Shoutbox / Kotak Chat

halooo.. :)
akhirnya gell posting lagi nih, setelah sekian lama bingung mau posting apa..
soalnya kaya' ada pertempuran batin nih antara mau posting tentang design apa tutorial..
akhirnya ini lah yang akan gell post..
(hehe, curhat LOL :D )

okee, back to topic..
Q : apa sih shoutbox itu??
A : mohon diliat gambar di bawah ini
























Nah, udah pada tau kan..??
:)

mari kita kembali belajar..

1. Log In ke blog kamu
2. lalu buka www.shoutmix.com
3. Pertama temen2 daftar dulu di situ, Click Create Shoutbox





















4. Nah isi dulu deh tuh data2 yang diminta..
dan jangan lupa mencentang tanda [] I have read and agree to the Terms of Service.




















5. Click Continue
6. Jika berhasil nantinya akan muncul tulisan

Thank you for using ShoutMix

Your shoutbox has been created. Get to the control panel to start using your shoutbox. To place the shoutbox on your site, simply go to the Get Codes page once you are in the control panel

7. untuk mengedit shoutbox nya kita klik tulisan control panel (yang kedap - kedip itu loh..)

8. Lalu kita akan masuk ke halaman pengaturan..
pertama kita harus login dulu dengan cara memasukkan password yang tadi baruu ajah kita buat. kalo udah di masukkin, klik tulisan Login di bawah kanan

9. Jika sudah selanjutnya tinggal kita edit sendiri sesuai kemauan dan selera kita..
gimana cara editnya??
Nih kalo mau edit, semua ada disini nih

Nah yang di tandain merah itu (kolom DISPLAY) gunanya untuk mengedit tampilan shoutbox kita..
coba klik style & colors itu gunanya buat rubah warna shoutbox, terus warna2 tulisannya, nah yang Date & Time gunanya untuk mengatur zona waktu shoutbox kita..
poko'y dicoba2 sendiri pasti lebih seru deh..

Q: Terus cara pasang di blog nya gimana??
A: Oh iya lupa :D

10. coba liat digambar atas di kolom QUICK START, disitu ada tulisan get codes, coba deh di klik..

















Kalo udah di klik, halaman di itu tuh yang akan muncul..

Edit kolom width untuk lebar, dan height untuk tinggi.. (edit sesuai ukuran template kita)
lalu copy code yang keluar di bawahnya itu..

11. masuk ke blog kita, pilih Layout / Tata Letak , lalu klik tab Page Element atau Elemen Halaman.
klik add gadget dan pilih HTML/JavaScript ..
tulis nama gadgetnya dikolom Title, terus paste kan code yang tadi kita copy dikolom Content..
lalu save..

selesai deh :)
mudah kan,,
Nah coba aja dulu deh

kalo ada yang kurang dimengerti silakan komen dibawah :)
terus kalo gambarnya ga jelas, di klik aja gambarnya..

Selamat mencoba :)

Untuk membuat Hidden shoutbox seperti blog ini, lanjutkan ke tutorial berikutnya, Membuat Hidden Shoutbox