Menambahkan ShoutBox

Tuesday, October 14, 2008 Leave a Comment

Ada pertanyaan bagi bloger yang baru membuat blog, bagaimana si membuat kotak Chat seperti diYM atau kotak komen seperti yang ada disamping blog anakmuda :D, Tenang... Tips-Triks kali ini adalah bagaimana membuat kotak tersebut atau bahasa kerennya ShoutBox atau biasa disebut dengan kotak Ngoceh. Karena dalam widget blogspot belum tersedia fasilitas tersebut, maka kita menggunakan pihak ke 2 yang menyediakan layanan ShoutBox yaitu Shoutmix, silahkan daftar kemudian login kesitus tersebut. Kemudian ikuti langkah-langkah berikut :
  1. Setelah pendaftaran berhasil kamu akan diminta untuk memilih style dari shout box yang kamu inginkan, jika sudah klik Continue

  2. Kemudian klik link Go to My Control Panel Nowuntuk mensetting property shoutbox, seperti style & color, date & time, dll.

  3. Setelah selesai klik menu Get Codes

  4. Untuk menempel/meletakkan Shout Box diblog kamu pilihPlace Shoutbox on Webpageuntuk mengcustomize setting preference yang kamu inginkan

  5. Untuk mengatur lebar dan tinggi shoutbox pada kolom width dan height, setting yang direkomendasikan adalah width 100% dan height 400 tanpa frame border

  6. Setelah selesai kemudian copy kode yang ada didalam kotak Generated Code, code ini yang nantinya akan ditempel ke blog kamu

  7. Untuk pengguna blogspot anakmuda akan memberikan langkah-langkahnya tapi untuk pengguna lain silahkan klik menu help pada website Shoutmix untuk mendapatkan installation guidenya

  8. Login ke account blogger kamu, setelah masuk klik Layout atau Tata Letak(untuk bhs indonesia)

  9. Menambahkan Shout Box


  10. Pada Tab Element, Add a Page Element/Add a Gadget

  11. Menambahkan Shout Box


  12. Pilih Add to Blog under HTML/JavaScript atau pilih HTML/JavaScript

  13. Menambahkan Shout Box


  14. Paste code shoutbox yang sudah digenerate tadi, kemudian click Save

  15. Menambahkan Shout Box


  16. Setelah selesai sekarang kamu bisa melihat hasilnya dengan mengclick View Blog

  17. Menambahkan Shout Box


    Menambahkan Shout Box


  18. Kamu juga dapat memindahkan letak dari shoutbox sesuai dengan keinginan

  19. Menambahkan Shout Box


    Menambahkan Shout Box


  20. Sekarang kamu telah mempunyai shoutbox sendiri, click Tool Icon untuk mengedit code shoutbox

  21. Menambahkan Shout Box


  22. Kamu juga dapat mengcustomize shoutbox kamu sesuai dengan keinginan tanpa merubah kode yang sudah ada.

  23. Sekian tentang Shoutbox, bila ada pertanyaan silahkan mengisi koment dibawah, Selamat mencoba dan semoga membantu. :D

0 comments »

Leave your response!

You can write the comment about the posting...... :D