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..
Selamat Ber - Experiment
sumber:
<a href="http://christiantatelu.blogspot.com/2012/02/cara-memasang-emoticon-onion-di-kotak.html" target="_blank">Cara Memasang Emoticon Onion di Kotak Komentar Blog</a>