Cara membuat Shoutbox di WordPress.

Teriring senyum disore hari, aku akan menulis dan berbagi tentang cara membuat shoutbox (kotak chating). Sebenarnya Shoutbox bisa bekerja di ruang web apapun, maksudnya untuk blog yang tidak berbayar (geratis) maupun blog yang berbayar. Shoutbox adalah perpaduan yang sempurna untuk buku tamu, forum dan chatting. Shoutbox merupakan cara interaktif bagi pengunjung ke website atau blog kamu, karena pengunjung dapat meninggalkan kamu pesan, ucapan atau hal lainnya sebagai salah satu jembatan penghubung antara pemilik blog dan pengunjung. Bahkan sebagian blogger memanfaatkannya untuk berpromosi sekaligus menambah traffic. Shoutbox juga bisa untuk ajang berkenalan, cari jodoh 😆 😆 saling tukar informasi dan sebagai ajang link exchange.

Ada beberapa merk tentang ruang chatting yang aku tau, diantaranya shoutbox, shoutmix, cbox dan Meebo. Sebenarnya masih banyak merk lain tapi aku belum pernah mencobanya 😀 😀 😆 dan merk yang akan aku pakai  yaitu menggunakan shoutbox. 😎

Waah, kebanyakan cerita. . .kita mulai saja untuk membuatnya dengan langkah-langkah sebagai berikut:

1. Terlebih dahulu kita masuk ke situs yang menyediakan shoutbox geratis yaitu ke http://www.99shoutbox.com

Tampilan awal Shoutbox.

2. Setelah berhasil masuk kemudian kita mendaftar atau sign up.

Tampilan mendaftar atau sign up.

3. Setelah berhasil mendaftar, kita kembali kehalaman awal dan mulai masuk untuk membuat atau sign in dengan email dan password yang telah terdaftar tadi.

Tampilan Login.

4. Kalau  sudah berhasil login, coba pilih Create a Shoutbox dan isikan semua data.

Contoh Isian Shoutbox.

• Name: diisi dengan nama kamu atau nama blog kamu. (sesuka hati). 😉
• Theme: memilih tema untuk tampilan shoubox.
• Category: memilih kategori untuk shoutbox.
• Size: ukuran lebar dan panjang soutbox.
• Background: latar belakang tampilan shoutbox.

Untuk hasilnya bisa dilihat pada gambar diatas sebelah kanan. Kemudian klik tombol Continue untuk meneruskan pembuatan  shoutbox. 😛

5. Setelah tombol Continue kita klik, nanti akan tampil Shoutbox Code.

Ada 2 kode yang disediakan shoubox yaitu Object Embed dan Javascript Embed , tapi kita memilih yang kode pertama yaitu Object Embed.

6. Copykan kode Object Embed tersebut ke dalam notepad atau Ms. Word terlebih dahulu.

Contoh:

<object id=”shoutbox99_11217_1″ type=”application/x-shockwave-flash”

data=“http://static.99widgets.com/shoutbox/swf/shoutbox.swf?r=11217_1&#8221; width=”300″ height=”300″>

<param name=”movie” value=”http://static.99widgets.com/shoutbox/swf/shoutbox.swf?r=11217_1&#8243; />

<param name=”bgcolor” value=”#ffffff” />http://static.99widgets.com/shoutbox/swf/shoutbox.swf?r=11217_1<br>

<a href=”http://www.99shoutbox.com/”>Shoutmix</a&gt; |

<a href=”http://www.amigafx.com/platforms/amigafx-webtrader.html”>Webtrader</a&gt; |

<a href=”http://www.mpthrill.com/sg/”>Singaporean Online Casino</a> |

<a href=”http://www.shavingbuy.com/”>Buy Shaving Products</a> | <

a href=”http://www.casinoschule.com/spinpalacecasino.html”>Spin palace</a></object>

setelah dicopy klik finish dan tampil seperti gambar dibawah.

7. Tidak semua kode kita pakai, kode yang dipakai yaitu kode yang berwarna merah. Ada beberapa kode yang perlu diubah yaitu data diganti dengan gigya. Untuk ukuran panjang dan lebar shoutbox, dapat diatur dalam width dan height. Untuk lebih jelasnya bias dilihat kode dibawah:

<div align=””center””>

[/gigya width=”300″ height=”300″ src =“http://static.99widgets.com/shoutbox/swf/shoutbox.swf?r=11217_1;__

view=expanded” align=”middle” type=”application/x-shockwave-flash” pluginspage=”

http://www.macromedia.com/go/getflashplayer&#8221; wmode=”transparent” ]

hilangkan tanda / agar shoutbox bisa tampil dalam blog kita. Untuk kode yang berwarna hijau adalah kode yang kita ambil dari Object Embed diatas dan kode yang berwarna biru adalah kode yang harus dituliskan juga.

8. Setelah semua penulisan kode selsesai, sekarang saatnya kita masuk dasbor pada wordpress dan ambillah widget teks. Salin kode yang sudah jadi pada langkah ke 7 kedalam widget teks.

Jangan lupa disimpan ya? 😆

9. Tram raaaaam. . . ini hasil shoutbox yang dulu pernah aku buat. 😉

Bagaimanaaa, berminatkah untuk membuat shoutbox? Apabila berminat silahkan membuatnya dan jika ada kesulitan nanti bisa aku bantu. 😀

Postingan tentang cara membuat shoubox ini aku buat karena permintaan kak anunaki. special buat kak anunaki yang sedang asiik dengan domain barunya. . . 😀 dan buat teman-teman ngeblog idah juga yang tentunya belum mempunyai shoutbox pada sidebar. 😉

Shoubox ini benar-benar geratis, mudah dan tidak memerlukan pengetahuan pemrograman. 😀 😉 😆

Salam Senyuum. . . ^_*

Tag: Cara Membuat Shoutbox, Cara membuat shoutbox di Wordpress, Chatting, Kotak Chatting, Membuat kotak Chatting, Membuat Shoutbox, Shoutbox, shoutmix