Menambahkan Emoticon Pada Kotak Komentar Blog

Menambahkan Emoticon Pada Komentar Blog - Atau memasang emoticon / smiley pada kotak komentar merupakan salah satu cara agar tampilan komentar dari pengunjung terlihat lebih menarik dilihat. Selain itu dengan menambahkan emoticon / smiley pada kotak komentar kita jadi bisa mengetahui reaksi atau respon dari pengunjung terhadap artikel yang mereka komentari. Bagi pengunjung yang sudah terbiasa chating di mig33, kaskus / YM pasti sudah paham dan hafal kode-kode smile atau emoticon. Di bawah ini merupakan cara mudah menambahkan emoticon pada kotak komentar :

1. Login ke blogger
2. Pilih " Rancangan " pilih " Edit HTML "
3. Beri tanda centang " Expand Widget Templates "
4. Cari kode </body> ( tekan Ctrl+F )

5. Setelah ketemu tinggal copy paste kode berikut di atas </body>

<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>

6. Kemudian cari kode berikut :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>

7. Langkah terakhir untuk menambahkan emoticon pada kotak komentar yaitu dengan menambahkan kode smiley. Copy paste kode dibawah ini setelah / dibawah kode
<p class='comment-footer'>

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>

8. Setelah langkah-langkah di atas sudah yakin benar tinggal " Simpan template " dan view blog untuk melihat perubahan setelah ditambahkan emoticon pada kotak komentar blog.


semoga bermanfaat :)