Tutorial kali ini saya berharap dapat membantu teman-teman yang belum mengetahui cara memasang shoutbox diblog. Sudah tahukan shoutbox itu apa ? kalo belum tahu lihat gambar dibawah ini :
Nah, gambar diatas itu yang saya maksud shoutbox Untuk masang shoutbox pada blog yang teman-teman miliki sebenarnya sangat mudah, perhatikan saja langkah-langkah berikut :
- Daftarkan blog yang kamu punya ke http://www.shoutmix.com, klik sign up, dan isikan data kamu pada form yang tersedia disana.
- Kalau sudah beres proses daftarnya. Langsung login menggunakan username dan password yang kamu isikan pada form sewaktu mendaftar tadi.
- Lalu klik menu appearance pada kolom style.
- Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan shoutbox kamu, pilih yang sesuai dengan keinginanmu. Jika tahap ini sudah selesai klik Save Setting.
- Klik Use Shoutbox yang ada di bawah menu Quick Start untuk mendapatkan kode HTML dari shoutbox kamu tersebut.
- Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan. Agar shoutbox sesuai dengan ukuran lebar sidebar blog kamu , Kamu juga bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya mudah, kamu tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.
- Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad
- Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix kamu. Lalu tutup situs tersebut. Selesai deh….
Langkah terakhir, kamu tinggal memasukkan kode HTML tersebut ke dalam blog kamu. Caranya :
Untuk pengguna template klasik :
Klik Edit HTML, Paste kode HTML shoutbox yang telah di copy pada notepad tadi di tempat yang kamu inginkan. Klik tombol Preview untuk melihat perubahan yang sudah kamu buat. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes.
Untuk pengguna template xml :
- Klik menu Layout
- Klik Page Element
- Klik Add a Widget
- Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
- Tuliskan judul shoutbox Kamu pada form title. Contoh : Mailbox, kotak suara, atau apa aja yang pas di hati kamu.
- Copy paste kode HTML shoutbox anda di dalam form Content
- Klik tombol Save Changes, Drag & Drop element yang telah kamu buat tadi di tempat yang di sukai lalu Tekan tombol Save dan selesai deh.
