1. Terlebih dahulu kita masuk ke situs yang menyediakan shoutbox geratis yaitu ke http://www.99shoutbox.com
3. Setelah berhasil mendaftar,
kita kembali kehalaman awal dan mulai masuk untuk membuat atau sign in
dengan email dan password yang telah terdaftar tadi.
4. Kalau sudah berhasil login, coba pilih Create a Shoutbox dan isikan semua data.
- 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″ width=”300″ height=”300″>
<param name=”movie” value=”http://static.99widgets.com/shoutbox/swf/shoutbox.swf?r=11217_1″ />
<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> |
<a href=”http://www.amigafx.com/platforms/amigafx-webtrader.html”>Webtrader</a> |
<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" 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.
9. Tram raaaaam. . . ini hasil shoutbox yang dulu pernah aku buat.
Selamat Mencoba .
0 comments:
Post a Comment