Sharing Tutorial Blog dan Computer
Onion Emoticon di Blogger Comment
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:
- Login ke blogger account.
- Pilih menu Setting > Comments. Pada Comment Form Placement, pilih Embeded below post. Kemudian pilih Save Settings.
- Setelah itu, pilih menu layout > Edit HTML dan ceck Expand Widget Templates.

- 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.
- 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.
- 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
Baca Juga:
| Print article | This entry was posted by vanhook on October 13, 2009 at 6:03 pm, and is filed under Blog. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |
about 2 years ago
bantu si newbie jadi tenar kaya bujang rimbo.,..
si newbie cuma pngin melek d dunia maya dgn sgala kterbtsan..
it’s m bro..
mau???
dededermawan85.blogspot.com

about 2 years ago
help me bro….cannot save my template after editing : this is shown when im trying to save :
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “border”.
about 2 years ago
nggak tau apa problemnya nih….
udah banyak kali gw edit tp nggak berhasil…
at last gw remove onion head emo comment form nih.
apapun, thanks utk panduan ini
salam succes!
about 2 years ago
oh ya, sblm ni gw pakai panduan dari alexiel, ok berhasil tapi account photobucket nya udah nggak aktif. Jd gw cari alternatif lain. Looking 4 ur update
about 2 years ago
saya koq ga nemu kode : ???
about 2 years ago
about 2 years ago
tolong kasih saya informasi kendalanya ada dimana.
about 2 years ago
about 2 years ago
Kendalanya ada dimana ? tolong kasih saya informasi nyangkutnya dimana?
about 2 years ago
ga tau mas..kendalanya dimana…semua udah aq lakuin sesuai ama tutorial mas….tp setelah aq search lagi, katanya ada beberapa template yang ga mau nampilkan, karena template nya berbasis wp theme….lha punya ku templatenya wp theme…gimana tuh mas ?? bener tuh…?
about 2 years ago
@luvcikusayangluvcib:
hmm.. saya belum tau kebenaran informasi mengenai template itu, tapi ntar saya test lagi di template blogger. Maaf yah kalo tutorialnya ada yang gak berhasil, semaksimal mungkin akan saya upayakan tutorial yang saya buat bisa diikuti.
Saya juga masih blogger pemula, jadi kita sama-sama belajar.
Oke
about 1 year ago
about 1 year ago
about 1 year ago
btw thx info nya

tapi di blog ku juga ga bisa
padahal imut-imut emo nya
about 1 year ago
@reza dan @tuyul:
Thanks buat komentarnya dan mohon maaf kalau tutorialnya tidak sukses.
Saya akan coba test lagi dan akan saya revisi semoga tutorial ini bisa sukses di semua blog. Tunggu kabar saya selanjutnya.
about 1 year ago
thank you mister

about 1 year ago
@achito:
apakah kamu berhasil menerapkan tutorial di atas?
@All:
Saya sudah mengupdate postingan mengenai onion emoticon di blogger comment dan saya sudah menyertakan preview yang bisa dicoba. Kalau tidak berhasil silahkan download file yang saya sertakan kemudian copy paste script tersebut sesuai langkah yang saya berikan. Semoga tutorial yang saya berikan lebih jelas dan semoga berhasil.
Terimakasih.
about 1 year ago
masalahnya layoutnya tu dimana? gue cari di dasbor gak ada tuh,,,
about 1 year ago
about 1 year ago
kenapa ya?
udah muncul emoticonnya di form comment, tp setelah pos komentar nggak bisa konversi (misalnya) :D menjadi emoticon onion head.
makasih sebelumnya
about 1 year ago
hope this work
about 1 year ago
maw tny ne, gw ud sesuaikan tutorial yg diatas….
emonya muncul tapi pas comment ga muncul…
tlong dibantu ya…. thx…..
about 1 year ago
Mungkin ada langkah yang terlewatkan. Tapi kalau tetap tidak bisa, coba buat blog baru dengan template yang standard.
Soalnya saya sudah test di template blogspot dan berhasil. Silahkan dicoba di blog tester yang saya buat.
about 1 year ago
bro…punya saya sudah ada
tapi, kug simbolnya yang kayak titik2 itu gag kelihatan ya
tapi kalo di blok simbolnya, kelihatan…
gimana ini????????? mohon pencerahannya…..
karena saya masih newbie…
about 1 year ago
Coba dilihat lagi dan dicoba langkah-langkahnya, mungkin ada yang terlewat. Silahkan japri kalau belum bisa lewat email atau ym.
about 1 year ago
gan thz buat sharenya,,,but kalo mau tampilannya seperti punya agan gini bagaimana ya…. emoticonnya tinggal diklik trus bisa buat more atau less,,,,,bagaimana gan,,,mohon pencerahannya,,,thz a lot
about 1 year ago
thankz gan !!!
punyaku sudah bisa
tapi emoticonnya kok sedikit ya gan???
gak ada tombol more dan less nya juga???? gimana ini???? mohon pencerahannya !!!!!!
about 1 year ago
Kalau mau banyak edit aja scriptnya tambahin emoticon yang lain.
Blogspot tidak mengizinkan javascript / php pada kotak komentarnya sehingga tombol more dan less tidak dapat dibuat. Saya menggunakan wordpress yang self hosting sehingga bisa di coding.
about 1 year ago
cpbain di blog baruku dulu om
about 1 year ago
silahkan. Happy blogging yah.
about 1 year ago
caranya edit script untuk memperbanyak emoticonnya gimana ya gan???
about 1 year ago
thx bangeeeeeet….

aq berhasiiiillll……
about 11 months ago
Bro, supaya emoticon nya tinggal di click aja gimana ya?seperti di blog ente ini bro…
about 11 months ago
Wah setelah diteliti, ternyata ente pake php ya bro…

about 11 months ago
Saya pakai wordpress yang self hosting.
about 11 months ago
about 11 months ago
gan pnyaku koq gx bsa..

mohon bntuannya
about 11 months ago
Mungkin ada langkah yang terlewat atau penempatan scriptnya yang tidak tepat. Kalau ada waktu nanti saya buatkan video tutorialnya.
about 10 months ago