Cara pasang Emoticon di kotak komentar

Kalo di postingan kemarin membahas tentang mempercantik tampilan Labels, postingan kali ini Tia mo sharing tentang Cara pasang Emoticon di kotak komentar.

Mudah-mudahan aja dengan ditambahin Emoticon di kotak komentar, kakak-kakak jadi lebih semangat buat komentarin postingan Tia *ngarep Mode ON* coz nulis komennya kan jadi lebih ekpresif gitu deh .

Ternyata kak, cara masang Emoticon di kotak komentar tuh nga susah loh, cuman ada syaratnya yaitu kotak komentar kakak harus disetting dolo supaya Emoticon di kotak komentarnya bisa tampil sempurna kak, untuk lebih jelasnya, kita baca sama-sama yah bahasan Tia berikut ini

1. Pertama, seperti biasa kakak login dulu ke www.blogger.com masukin username dan passwordnya

2. Setting kotak komentar kakak dengan klik di Setting>> Comments>> pilih yang Embedded below post

3. Langkah berikutnya, kakak klik Layout >> Edit Html>> klik di Expand widget template, jangan lupa kak untuk selalu mendownload Full template sebelum mengedit Html, yah sekedar jaga-jaga ajah kak... kali aja ada kekacauan

4. Trus kakak cari kode </body> kopas kode ini tepat diatasnya
<script src='http://www.hotlinkfiles.com/files/2663243_4xnvn/yemoticon.js' type='text/javascript'/>

5. Dikit lagi kak... semangat yahhh

6. Kakak cari kode ini yah
<b:if cond='data:post.embedCommentForm'> trus kopas kode berikut tepat diatasnya
<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>

7. Selesai kak, jangan lupa klik Save template

Kalo kode-kodenya tadi sukses, Emoicon nya bakal tampil kayak gini di kotak komentarnya kakak, keren kan kak

Jadi lebih semangat kasi komen ke postingan Tia deh *narsiz mode ON* untuk sharing berikutnya, Tia coba mo ngebahas tentang menyembunyikan isi kotak komentar. Ditunggu ya kak...

Pake Emoticon komentar kakak jadi lebih gimana gituhh...