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


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

    10. Menambahkan Shout Box


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

    11. Menambahkan Shout Box


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

    12. Menambahkan Shout Box


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

    13. Menambahkan Shout Box


    Menambahkan Shout Box


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

    14. Menambahkan Shout Box


    Menambahkan Shout Box


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

    15. Menambahkan Shout Box


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

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