VanS Zone

Sharing Tutorial Blog dan Computer

Onion Emoticons di Blogger

Posted by vanhook on Sep-11-2009

Pada tulisan saya sebelumnya saya menjelaskan penggunaan onion emoticons di comment yang bisa juga digunakan di posting tulisan di blog engine wordpress. Pada kesempatan kali ini saya akan memberikan tips  untuk pengguna Blogger.com agar di posting tulisan kamu bisa disisipkan onion emoticons.

Mau tahu caranya? :berfikir:

Tanpa basa-basi, langkah-langkahnya adalah sebagai berikut:

  1. Kamu harus menggunakan browser Mozilla Firefox. Kenapa? Karena saat ini Mozilla mempunyai add-ons untuk penggunaan javascript yang memudahkan kita menyisipkan onion emoticons. Jika belum mempunyai Mozilla Firefox kamu bisa download dan install disini.
  2. Install add-on greasemonkey. Klik disini untuk pemasangan.  Pilih Restart Firefox. Setelah diinstall, logo muka monyet akan terlihat di kanan bawah browser Mozilla.
  3. Klik dan install ketiga link dibawah ini untuk pemasangan onion emoticons:
    - Onion Emoticons 1
    - Onion Emoticons 2
    - Onion Emoticons 3
  4. Masuk ke menu Layout > Edit HTML, cari ( tekan Ctrl+F ) tulisan ]]></b:skin>,  dan letakkan tulisan di bawah ini sebelumnya:
    img.emoticon {
    padding: 0;
    margin: 0;
    border: 0;
    }

    Lihat gambar di bawah ini:

    edit-template-blogger
    Kemudian Save Template.

  5. Masuk ke Posting > New Posting, jika kamu berada di editor html ubah ke compose. Kamu akan melihat tampilan seperti di bawah ini:

    onion-emoticons

  6. Silahkan tulis blog kamu dan jika kamu ingin memasukkan emoticons, click aja gambarnya.

Selesai dan kamu bisa menulis dengan ekspresi onion emoticons. Selamat nge-blog yah.  :bye:

Posted in: Blog
31 COMMENTS
  1. abun Said,

    keren abis bro…

    ane follow up di blog ane ya bro. bole?/?:mikir:

  2. vanhook Said,

    Bole..bole..bole… :gaya:

  3. Cool Emoticons Plurk | Van'S Zone Said,

    [...] Onion Emoticons di Blogger [...]

  4. varid Said,

    bang cara pasang emoticon di coment form kyak dsn utk blogspot gimana…:keringatan:

    tak ubek2 ne blog tapi kuk ga ada…. mohon pencerahan

  5. varid Said,

    tulunk….. :insomnia:

  6. vanhook Said,

    @varid:

    Saya akan buatkan tutorialnya. Ditunggu yah.. :adaide:
    Ntar kalo udah di posting saya kabari. Oce :ok:

  7. Husban Said,

    Halo, nubie nih. mau tanya, kalo cuma mau tampilkan 3 baris emoticon aja seperti punya bung Ivan gmn? yang pakai more/less gitu. soalnya punya saya semua emoticon ditampilkan. makacih:malukucing:

  8. vanhook Said,

    @Husban:

    Kalau kamu menggunakan wordpress, login ke wordpress kamu dan lakukan langkah-langkah berikut:

    Login ke wordpress kamu.
    Pada menu Plugins klik Editor.
    Pada tulisan Select Plugin to Edit pilih vanhook-smiley
    Cari tulisan $smiliesshown = array(. Setelah tulisan tersebut, terdapat daftar smiley. Hapus sebahagian, sisakan 30 smiley saja.

    Untuk blogger, saya belum membuat tutorial smiley untuk komentar, masih memasukkan smiley pada blogger post. Tunggu aja waktunya yah. Silahkan berlangganan jika ingin mengetahui updates blog saya.

    Sekian. :selamat:

  9. Husban Said,

    o ya, maaf nih. sy pake blogspot:malu: tutorial buat blogspotnya ditunggu… sukses ya:ok:

  10. DDN Said,

    klo di editor yg baru saya coba tdk muncul, kenapa yah?

  11. vanhook Said,

    @DDN:
    Kamu browsing udah pakai firefox belum? Udah install plugin greasemonkey untuk firefox? Udah install script buat menampilkan smileynya belum?

    Soalnya saya coba bisa. Mungkin ada langkah-langkah yang tertinggal.

  12. Huda Said,

    KOK NDAK BISAAAAAAA!!!!!:gakmau::gakmau::galak::galak:

  13. UG Bernart Said,

    GK BISAAAA :shoot:

    udah sama percis kek tutor diatas :pingsan:

    Itu padding: 0; di pake ato gk ?? di gambar bawahnya kok gk ada ??:bingung:

  14. aan Said,

    izin copas buat blog ane gan! hehe…boleh kan? :kagumbgt:

  15. vanhook Said,

    Boleh, jangan lupa sumbernya (alamat blog gw) ditampilkan yah.

    :ok:

  16. dOd Said,

    :gakmau: susaaaaaaaaaaah.. dah di cobain, tapi gak berhasil.. :helanafas:

  17. vanhook Said,

    Coba lagi pelan-pelan berurut sesuai tutorial di atas. Kalau gak bisa juga, ntar tanya dari gmail saya aja.

    Oce. :cool:

  18. dOd Said,

    :cinta: bisa, tapi kirain buat comment-nya jg bisa.. ternyata beda lagi ya? pengennya kayak comment dibawah gini, punya mas vanhook.. bisa di klik, trus muncul emoticonnya..
    :malukucing::malukucing:

    btw.. makasi ya tutorialnya.. help me much.. :selamat2:

  19. haura Said,

    :hai: Thanks infonya bro… :ok: dah bisa…:selamat2::selamat2::selamat2:

  20. isebu Said,

    :ok: manstrab

  21. Ammar Said,

    eBAD BLOG NYA….AJARIN YA.MASIH PEMULA NI :selamat:

  22. Ammar Said,

    Bos, ditunggu postingan yang bkin komentar supaya ada onion emoticonnya kaya di blog ini ya :ok:. ..terus boleh gak kita tukeran link sebagai sesama blogger..saya dah masukin link kamu dulu di blog saya..sukses slalu :cool:

  23. vanhook Said,

    :ok:

    seep bro Ammar..ntar kita sharing aja kalau ada ilmu blog yang baru. Thanks udah berkunjung dan saya sudah tambahkan blog kamu di blogroll saya.

  24. azhis Said,

    Kalau onion yang kayak di atasx kolom komentar itu gimana yagh carax ??

    aQ cari yang seperti itu ???

  25. Armyrule Said,

    :kagum: waiting for the next tutor (comment part), this tutor work for me….

  26. vanhook Said,

    happy blogging bro.. :selamat:

  27. amy Said,

    Stelah mencoba berulang-ulang saya baru bisa menerapkan emoticonnya di template classic neh…but,,Akhirnya saya bisa lah begitu:hehehe:

    Thanks buat tutorialnya Mas…

  28. vanhook Said,

    Syukurlah, maaf yah kalo tutorialnya sulit diikuti, saya juga masih blogger pemula.

    hehehe.. selamat yah.. :ok:

  29. Renanda Said,

    bro, udah bisa nih :gaya:

    tapi kok di tampilan blog gw masih ada kotaknya yah disekitar emoticonnya ?:keringatan:

  30. kim Said,

    kalau mau ganti emoticonya misalnya gambar monkey gimana bro ??:ok::insomnia::mandi::maaf::keringatan::kagum::kagum::kagum::kagum::kagumbgt::gaksadar::berfikir::haus::haus:

  31. kim Said,

    ternyata harus pakai old editor baru bisa padahal gue sukanya yang update :galak::galak::galak::galak::galak::galak::galak::galak::galak::gakmau::gakmau::gakmau::gakmau::gakmau:

Add A Comment

:berfikir: :cinta: :cool: :culun: :demam: :ngupil: :ok: :gakmau: :selamat2: :selamat: :gaksadar: :galak: :gaya: :geram: :hai: :haru: :haus: :hehehe: :helanafas: :insomnia: :kagum: :kagumbgt: :kenyang: :keringatan: :maaf: :maenbola: :malu: :malukucing: :mandi: :mandikeringat: more »