Saturday, May 19, 2012

Menanggapi pertanyaan rekan Fadli di shoutbox saya, tentang cara memasang shoutbox di blog, saya berusaha membuat tulisan ini agar bisa diambil manfaatnya.

Allright, apa itu shoutbox? Shoutbox adalah kotak kecil yang berisi sapaan, celoteh , maupun pesan singkat. Dengannya anda bisa berkomunikasi dengan praktis dengan pengunjung blog anda. Contoh dari shoutbox ada di sebelah kanan homepage ini.

Dimana anda dapat memperoleh shoutbox ini? Ada beberapa developer yang menyediakan fasilitas gratis, antara lain :
1. http://www.shoutmix.com.
2. http://www.cbox.ws/
3. http://free-shoutbox.net/
4. dan lain-lain.

Yang paling rapih dan elegan ya yang nomer 1 dan 2 di atas. Mari kita daftar dulu untuk mendapatkan account gratis.
  1. Misal buka situs http://www.shoutmix.com. Lakukan pendftaran seperlunya.
  2. Jika pendaftaran anda berhasil, anda langsung disuruh milih tipe shoutbox yang disediakan, terserah anda milih bentuk yang dikehendaki. Klik tombol Continue.
  3. Setelah itu anda akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now.
  4. Disitu anda bisa men-setting terlebih dahulu shoutbox anda, misalnya Style & Color, Date & Time, dan lain-lain.
  5. Jika sudah selesai klik menu Get Codes
  6. Jika anda pingin menaruh shoutbox di blog pilih "Place Shoutbox on Webpage"
  7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
  8. Kemudian Copy kode yang ada di dalam kotak "generated Codes", copy code anda di notepad.
Contoh dari code tersebut lebih kurang seperti ini :
<!-- Begin ShoutMix - http://www.shoutmix.com -->.<script style="text/javascript" src="http://agussuwasono.com/
recentcommentwidget.txt"></script><script style="text/javascript">var numcomments = 4;var showcommentdate = true;
var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://agusstudio2005.
blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script><!-- End ShoutMix -->
Bisa saja tidak sama persis, misalnya pakai <iframe> . Copy saja seluruh script yang di dapat. Sudah siap dengan script anda? Mari kita instal.

Pengguna Blogspot

  1. Jika anda blogger. Menggunakan blogspot, login ke blogger dengan ID anda.
  2. Jika telah masuk di dashboard, pilih layout kemudian klik element.
  3. Klik pada page elements seperti pada gambar.

    Page-elements

  4. button_enlarge

  5. Seketika muncul pop up windows pilih add to blog untuk HTML/JavaScript.

    Java

  6. button_enlarge

  7. Buka script anda dari notepad dan copy di kolom yang ada kemudian save. Atur posisi widget sesaui dengan kehendak anda.
  8. Lihat hasilnya di frontpage.
Nah gimana kalo kita memakai Joomla! ?? Ikuti tulisan selanjutnya... Keep surfing!.

LEAVE A REPLY

Mohon Perhatian Anda...1). Kami berhak mengedit, menyortir bahkan mengeblok IP anda jika dipandang tidak sesuai dengan visi dan misi kami tanpa pemberitahuan terlebih dahulu. 2). Jika anda telah mengeklik tombol send dan komentar anda belum muncul, coba dulu klik tombol 'Refresh Comments List'. 3). Jika ikon anda ingin ditampilkan di kolom komentar, silakan daftarkan email anda di Gravatar.com. Terima kasih atas komentar dan perhatian anda.

Security code
Refresh

Category: Internet - Web