Monday, September 24, 2012

Cara Membuat Shoutbox

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″ 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.

Jangan lupa disimpan ya? 

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


Selamat Mencoba .

0 comments:

Post a Comment

Páginas

Powered by Blogger.

Pages - Menu

Buscar

Loading...