Pada tulisan saya yang sebelumnya, saya menulis mengenai onion emoticons pada blogger post dengan menggunakan browser mozilla firefox dan plugin greasemonkey.

Bagaimana dengan blogger comment, apakah bisa ditambahkan onion emoticons?

Pada blogger comment tidak diizinkan penulisan komentar dengan menggunakan script HTML dan Javascript, sehingga greasemonkey tidak bisa digunakan pada blogger comment. Cara lain adalah dengan memodifikasi blogger layout.

Kamu bisa mengikuti langkah-langkah sebagai berikut:

1. Login ke blogger account.

    

2. Pilih menu Setting > Comments. Pada Comment Form Placement, pilih Embeded below post. Kemudian pilih Save Settings.

    

3. Setelah itu, pilih menu layout > Edit HTML dan ceck Expand Widget Templates.

   

4. Cari tulisan </body>, kemudian tambahkan script di bawah ini sebelum tulisan </body> tersebut:
   

   <script src='http://www.ivanjaya.net/download/onion-comments.js' type='text/javascript'/>

   atau download scriptnya disini.

    

5. Cari script di bawah ini:
   

   <b:if cond='data:post.embedCommentForm'>

   kemudian setelah script di atas, tambahkan script berikut:

   <div style='overflow:no; width:100%px; height:100%px; padding:5px 5px 5px 5px; background:#FFFFFF;'> <b> <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/sombong.gif'/> :)) <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/ngakak.gif'/> :)] <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/hai.gif'/> ;)) <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/adaide.gif'/> ;;) <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/selamat.gif'/> :D <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/selamat2.gif'/> ;) <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/santai.gif'/> :p <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/haru.gif'/> :(( <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/silly.gif'/> :) <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/nangis.gif'/> :( <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/kagumbgt.gif'/> :X <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/cemen.gif'/> =(( <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/bingung.gif'/> :-o <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/mikir.gif'/> :-/ <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/nafascinta.gif'/> :-* <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/cool.gif'/> :| <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/rindu.gif'/> 8-} <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/gakmau.gif'/> ~x( <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/maaf.gif'/> :-t <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/keringatan.gif'/> b-( <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/minta.gif'/> :-L <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/galak.gif'/> x( <img border='0' src='http://ivanjaya.net/wp-content/plugins/vanhook-smiley/ok.gif'/> =)) </b> </div>

   atau download scriptnya disini.

    

6. Pilih Save Template. Refresh blog kamu dan tampilannya seperti di bawah ini:

Untuk memasukkan onion emoticon, kamu cukup memasukkan simbol yang berada di samping gambar onion emoticon. Untuk mencoba emoticon di blogger comment silahkan klik disini.

Happy blogging.

Note:

Kesalahan ( tidak sukses ) dalam memasang emoticon di comment blogger adalah tanda petik 1 pada URL gambar yang berbeda ketika di copy dari halaman blog ini di editor html blogger. Untuk itu saya sertakan script yang bisa di download (.txt file).

Thanks to Alexiel

Pada tulisan saya yang terdahulu, secara ringkas sudah saya utarakan tentang Onion Emoticons. Untuk memasangnya di blog / situs kamu yang menggunakan engine wordpress (bukan wordpress.com), ikuti langkah-langkah berikut:

1. Masuk ke cpanel, login dan kemudian masuk ke File Manager.





2. Masuk ke public html > wp-content > plugins




3. Klik tombol upload dan pilih file yang sudah di download sebelumnya (van’s-smiley.zip).
   Pilih file tersebut dan kemudian extract.

   

4. Sampai disini proses udah 80% selesai. Selanjutnya masuk ke account wordpress anda. Login, kemudian klik menu Plugins yang terletak di sebelah kiri. Aktifkan dengan meng – click tulisan activate.
5. Pada menu Settings click Writing, kemudian hilangkan tanda ceklist pada tulisan Convert emoticons like :-) and :-P to graphics on display
6. Tahap terakhir tinggal bagaimana cara memasang emoticons tersebut agar muncul pada Comments. Masih pada dashboard wordpress, pilih Editor yang merupakan submenu dari Appearance. Kemudian klik Comments.php yang terdapat di sisi kanan, dan tambahkan script seperti di bawah ini (yang dikotak warna merah) :
   

   Onion emoticons telah selesai disetting dan kamu sekarang bisa menggunakannya. Happy blogging and see for the next tutorial.
   

Akhirnya bisa juga masang Onion emoticons yang lucu-lucu di blogku (menurutku lebih lucu dari emoticons YM!). Setelah kemarin sempat error gara-gara lupa masukin script PHP nya.

Awalnya tau Onion emoticons dari email yang masuk yang berasal dari salah satu group milis yang kuikuti. Setelah melakukan pencarian dari Google, membawaku ke suatu situs yang menyediakan banyak emoticons yang lucu-lucu. Situs ini berbahasa mandarin. Gak tau juga ni emoticons memang asli buatan teman-teman dari daratan China atau bukan, yang penting emoticons nya keren dan lucu-lucu.

Onion emoticons dapat kamu pasang di blog kamu yang menggunakan wordpress.org bukan yang wordpress.com atau situs kamu yang menggunakan wordpress, bisa download daftar emoticons nya di sini:

[Download Onion Emoticons]

Bersambung… [Cara memasang Onion Emoticon di Wordpress]