Pasang Emoticon di Kotak Komentar Blogger

Memasang emoticon/smiley diatas kotak komentar itu lebih memudahkan para komentator menunjukan perasaan dan ekspresi pada saat berkomentar. Untuk melihat contohnya, berikut screenshotnya :

bagaimana? Lebih bagus bukan bila di kasih emoticon di atas kotak komentar ??

Eiits tapi sebelum memasang Emoticon diatas kotak komentar, pastikan dulu sudah menampilkan kotak komentarnya untuk lebih jalasnya baca disini, Nah jika belum berhasil juga atau tidak muncul emoticonya berarti memang harus ada perubahan pada code XML Template, Oke sekarang langsung beranjak aja ke tutorial kali ini…Berikut tutorialnya :

1. Seperti bisa login terlebih dahulu ke Blogger
2. Masuk ke Template ---> Edit Html
3. Centang Kotak Expand Template Widget
4. Copy/paste Script berwarna Biru dibawah dan letakanlah sebelum/di atas kode </body> :

<script src='http://www.geocities.com/as.bl4ck_card/Emoticon.js'
type='text/javascript'/>
</body> :
</html>

5. Eiets jangan kemana-mana masih di Edit Html Lho !! Nah kemudian cari kode warna Biru berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>

6. Kalau sudah ketemu, sekarang copy/paste kode Merah dibawah ini dan letakan di bawah 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>

Catatan :

Semua Template itu berbeda jadi jika trik ini tidak berhasil atau emoticon tersebut tidak tampil berarti anda harus merubah beberapa XML pada template anda.

Mungkin sekian dulu postingan saya ini, semoga bermanfaat bagi sahabat. Sampai jumpa lagi di postingan yang akan datang :)