Cara Memasang Emoticon Onion di Kotak Komentar Blog

Cara Memasang / Membuat  Emoticon Onion ( kepala kucing ) Pada Kotak Komentar Blog - Pernah kah sobat memperhatikan deretan emoticon yang berada di bawah kotak komentar di blog ini?? Emoticon tersebut namanya emoticon Onion. Berbeda dengan postingan ane yang lalu - lau yaitu tentang emoticon skype dan emoticon kaskus, kali ini saya akan mencoba memberi tahu sobat semua bagaimana cara memasang emoticon onion di kotak komentar blog sobat.
Bagi sobat yang tertarik untuk memasangnya, silahkan ikuti tutorial berikut.

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Edit HTML --> Dowload template lengkap --> Centang kotak kecil di samping tulisan Expand Template Widget.


3. Letakkan Kode / Script berikut di atas kode  </body> ( gunakan Ctrl + F untk memudahkan pencarian )

<script src='http://tateluproject.googlecode.com/files/emotiononionnobi.js'/>

4. Letakkan kode berikut di bawah kode <p class='comment-footer'> ( gunakan Ctrl + F untuk memudahkan pencarian )

 <div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth113_.gif' width='30'/> :a:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_4onion25.gif' width='30'/> :b:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth103_.gif' width='30'/> :c:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_onion-52.gif' width='30'/> :d:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth096_k.gif' width='30'/> :e:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth088_.gif' width='30'/> :f:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth085_.gif' width='30'/> :g:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth084_.gif' width='30'/> :h:

<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_boong.gif' width='30'/> :i:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_th070_goodjob.gif' width='30'/> :j:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth066_hi.gif' width='30'/> :k:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth064_.gif' width='30'/> :l:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth058_.gif' width='30'/> :m:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth051_.gif' width='30'/> :n:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth043_.gif' width='30'/> :o:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth042_.gif' width='30'/> :p:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth032_.gif' width='30'/> :q:

<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth020_bingo.gif' width='30'/> :r:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth019_.gif' width='30'/> :s:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/onion-103.gif' width='30'/> :t:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/cuteonion4.gif' width='30'/> :u:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/onion-34.gif' width='30'/> :v:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth014_.gif' width='30'/> :w:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_thth008_.gif' width='30'/> :x:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_onion-73.gif' width='30'/> :y:
<img border='0' height='30' src='http://i1183.photobucket.com/albums/x475/nobinoku/Onion%20Emotion%20Album/th_onion-07.gif' width='30'/> :z:
</b>
</div>

Tambahan :
  • Jika sobat kesulitan untuk menemukan kode pada langkah 4 ( <p class='comment-footer'> ) letakkan saja kode di atas sebelum kode ( di atas ) kode <b:if cond='data:post.embedCommentForm'>. 
  • Utamakan untuk mencari kedua kode tersebut yang saling berdampingan ( Ber urutan ), karna kemungkinan sobat akan mendapatkan banyak kode <p class='comment-footer'> begitu pula kode <b:if cond='data:post.embedCommentForm'>.

Lihat gambar!



5. Klik Save dan lihat hasilnya..

semoga cara memasang emoticon onion di kotak komentar blog di atas bisa membantu sobat.

Selamat Ber - Experiment
Previous
Next Post »

17 comments

Write comments
20:56:00 delete

jadinya kayak di atas ini yaa gan?
mantabs sekali...
tampilannya semakin berwarna...
ajibb dahh, saya coba gan...
makasih banyak atas ilmunya...

Reply
avatar
18:36:00 delete

wah mantab ni gan ,,jadi ada yg berbeda kalo gini mah :)

Reply
avatar
Anonymous
AUTHOR
18:55:00 delete

kok gak kluar emonya wktu komentar ?? :z:

Reply
avatar
Rifuzzy
AUTHOR
22:06:00 delete

ga bisa gan...

Reply
avatar
Anonymous
AUTHOR
21:05:00 delete

MANTAP SOB THANK'S

Reply
avatar
Satria Blog
AUTHOR
01:06:00 delete

gan kalo emoticonnya ga muncul gimana gan? butuh pencerahan

Reply
avatar
Unknown
AUTHOR
07:07:00 delete

nice gan

Reply
avatar
Gevan
AUTHOR
07:31:00 delete

Nih baru AMPUH!!!
THX~

Reply
avatar
Rohmatullah
AUTHOR
01:38:00 delete

keren sob, berguna untuk mempercantik blog...

Reply
avatar
Unknown
AUTHOR
00:32:00 delete

bagus.. langsung ke tkp nya. :)

check out and comment please! http://lisnashella.blogspot.com/
thankyou ^^

Reply
avatar
Unknown
AUTHOR
22:46:00 delete

matep mas bro

Reply
avatar
Unknown
AUTHOR
22:46:00 delete

silahkan buka www.itogoro.weebly.com

Reply
avatar
Unknown
AUTHOR
14:59:00 delete

Panjang juga script emoticon nya ya bro! THANKS :)

Reply
avatar
Z
AUTHOR
22:43:00 delete

Cari Dowload Template lengkapnya dibangian mana?

Reply
avatar
18:01:00 delete

bingung gan....malah jadi pusing nih...hehehe....thanks dah infonya

Reply
avatar