Home Blog Onion Emoticon di Blogger Comment

Onion Emoticon di Blogger Comment

by Ivan Jaya

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? :berfikir:

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'/> 😀 <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'/> 😮 <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. :selamat:

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

You may also like

0 comment

doubLe_de November 14, 2009 - 1:32 pm

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
:berfikir:

Reply
May November 17, 2009 - 10:47 am

:gakmau:

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

Reply
May November 17, 2009 - 2:34 pm

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!

Reply
May November 17, 2009 - 2:36 pm

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

Reply
haura November 24, 2009 - 10:43 pm

saya koq ga nemu kode : ??? :berfikir:

Reply
SPU December 29, 2009 - 12:50 pm

:geram: koq saya tidak jadi mas

Reply
vanhook January 5, 2010 - 10:40 am

tolong kasih saya informasi kendalanya ada dimana.

:ok:

Reply
luvcikusayangluvcib January 3, 2010 - 10:26 am

:gakmau: koq ga bisa….. :pusing::haru:

Reply
vanhook January 5, 2010 - 10:38 am

Kendalanya ada dimana ? tolong kasih saya informasi nyangkutnya dimana?

:ok:

Reply
luvcikusayangluvcib January 11, 2010 - 9:22 am

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…?

Reply
vanhook January 12, 2010 - 9:03 am

@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 :ok:

Reply
tuyul July 8, 2010 - 12:18 am

:geram:

Reply
tuyul July 8, 2010 - 12:24 am

:galak: gmn nich banyak yg ga berhasil

Reply
reza July 8, 2010 - 8:42 am

btw thx info nya:ok:
tapi di blog ku juga ga bisa
padahal imut-imut emo nya:gakmau:

Reply
vanhook July 8, 2010 - 8:52 am

@reza dan @tuyul:

Thanks buat komentarnya dan mohon maaf kalau tutorialnya tidak sukses.

:selamat:

Saya akan coba test lagi dan akan saya revisi semoga tutorial ini bisa sukses di semua blog. Tunggu kabar saya selanjutnya.

:ok:

Reply
achito July 8, 2010 - 4:33 pm

thank you mister:gaya::silly:

Reply
vanhook July 10, 2010 - 12:15 pm

@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. :selamat:

Reply
koplak July 11, 2010 - 12:39 am

masalahnya layoutnya tu dimana? gue cari di dasbor gak ada tuh,,,:geram:

Reply
joice July 27, 2010 - 6:24 am

:kagum:

Reply
tyaceria August 4, 2010 - 2:13 pm

:maaf: saya belum sukses menerapkannya
kenapa ya?
udah muncul emoticonnya di form comment, tp setelah pos komentar nggak bisa konversi (misalnya) 😀 menjadi emoticon onion head.
makasih sebelumnya

Reply
Maey August 5, 2010 - 3:40 pm

hope this work:hehehe:

Reply
Ferry September 12, 2010 - 2:01 pm

:hai:
maw tny ne, gw ud sesuaikan tutorial yg diatas….
emonya muncul tapi pas comment ga muncul…
:takut:
tlong dibantu ya…. thx…..
:minum:

Reply
vanhook September 15, 2010 - 2:08 pm

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.

:ok:

Reply
ravineanime September 19, 2010 - 2:14 pm

bro…punya saya sudah ada:keringatan: tapi, kug simbolnya yang kayak titik2 itu gag kelihatan ya:insomnia: tapi kalo di blok simbolnya, kelihatan…:marah: gimana ini????????? mohon pencerahannya…..:minta: karena saya masih newbie…:merajuk:

Reply
vanhook September 20, 2010 - 3:22 pm

Coba dilihat lagi dan dicoba langkah-langkahnya, mungkin ada yang terlewat. Silahkan japri kalau belum bisa lewat email atau ym.

:ok:

Reply
sanghokage October 9, 2010 - 7:33 pm

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

Reply
ravinemanga October 10, 2010 - 9:59 am

thankz gan !!!:selamat: punyaku sudah bisa :keringatan: tapi emoticonnya kok sedikit ya gan???:gakmau: gak ada tombol more dan less nya juga???? gimana ini???? mohon pencerahannya !!!!!!:bosan:

Reply
vanhook October 13, 2010 - 8:49 am

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.

Reply
blogger newbie October 10, 2010 - 9:07 pm

cpbain di blog baruku dulu om :senang:

Reply
vanhook October 13, 2010 - 8:47 am

silahkan. Happy blogging yah. :selamat:

Reply
ravinemanga October 15, 2010 - 5:15 pm

caranya edit script untuk memperbanyak emoticonnya gimana ya gan???:bosan:

Reply
Ahmad January 13, 2011 - 9:12 pm

thx bangeeeeeet….
aq berhasiiiillll……
:ok:

Reply
sk8rider March 3, 2011 - 10:26 pm

Bro, supaya emoticon nya tinggal di click aja gimana ya?seperti di blog ente ini bro…:gakmau:

Reply
sk8rider March 3, 2011 - 10:42 pm

Wah setelah diteliti, ternyata ente pake php ya bro…:maaf::hehehe:

Reply
vanhook March 7, 2011 - 10:06 am

Saya pakai wordpress yang self hosting.

Reply
cro March 4, 2011 - 2:00 am

:ok: mantab…..bos

Reply
Rama March 5, 2011 - 11:17 am

gan pnyaku koq gx bsa.. :gakmau:
mohon bntuannya :kagum:

Reply
vanhook March 7, 2011 - 10:08 am

Mungkin ada langkah yang terlewat atau penempatan scriptnya yang tidak tepat. Kalau ada waktu nanti saya buatkan video tutorialnya.

Reply
Onion Emoticon di Blogger Comment « Bicara Tentang Blog dan Internet March 9, 2011 - 3:32 pm

[…] Onion Emoticon di Blogger Comment 38 Comments […]

Reply
haryanti March 14, 2011 - 10:41 pm

:cinta: tapi kalou mo persis kaya ini gmn nih…enak tinggal klik..kasih tau dong gan!!!!

Reply
wawandck February 2, 2012 - 11:30 pm

oo jadi maksudnya blogger gak bisa buat comment seperti ini,? sebagai gantinya menggunakan smile ” 🙂 ” untuk menampilkan emoticon seperti ini :silly:?
benar tidak ya?:rindu: :minum::merajuk:

Reply
wawandck February 3, 2012 - 3:50 pm

kenapa gak bisa ya di bkloggku munculin smilenya?? ada salah dimana? tapi sudah ada pilihan untuk kasih smile hanya saja kalau nusis smile 🙂 gak muncul gambar :silly:

Reply
vanhook February 9, 2012 - 10:22 am

Mungkin ada tahap yang terlewatkan. Coba di cek lagi.

Reply
didead June 26, 2012 - 3:48 pm

gan…tlong fast reply y… :mewek:

ane uda coba tutorialnya…
dan sukses kluar d koment gan…tp pas dtlis kodenya…kmudian dpublish…emo nya g kluar…yg kluar hnya kodenya aja gan…

ini apa yg slh y gan?

mau tutorial yg kyk emo onionnya agan…tgl klik g prlu nlis kode…ksh y gan:kagum:

Reply
vanhook June 30, 2012 - 3:17 pm

@Didead_kun:

Mungkin ada langkah yang tertinggal. Kalau sudah benar langkah-langkahnya kemungkinan masalahnya terdapat pada blogger. Ada juga yang mengeluhkan hal yang sama dan ternyata masalah terdapat pada mode blogger yang baru. Coba ganti mode blog dalam bentuk classic dan silahkan di coba lagi.

Kalau untuk tutorial tinggal klik, blogspot gak support gan. Yang support wordpress dan wordpressnya pun yang hostingan sendiri. Kalau wordpress.com gak bisa karena ada restriksi untuk pengubahan kodenya.

Reply

Leave a Reply to cro Cancel Reply