Memasang Emoticon di Kotak Komentar/Comment Box Blog

Adanya emoticon di kotak komentar atau comment box tentunya akan membuat blog kita menjadi lebih hidup, semarak dan dinamis. Para komentator menjadi lebih bisa mengekspresikan perasaannya, saran dan kritiknya, gelak tawanya melalui emoticon tersebut. Untuk wordpress, mungkin fitur ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik templet dan mengelaborasinya agar bisa menampilkan emoticon di area komentar, seperti blog saya ini. Bagi yang belum pernah berkomentar, silahkan untuk menyicipinya dan rasakan nikmatnya..
Emoticon :



cara membuatnya :
1. Login ke blogger lalu pilih Rancangan >> Edit HTML

2. Beri tanda centang pada kotak "Expand Widget Template"


3. Lalu letakkan script berikut sebelum kode </body>

<script src='http://ikomangsena.us.tc/emoticonblogger.js' type='text/javascript'/>

 

4. Kemudian cari kode 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>

5. Setelah ketemu letakkan kode2 berikut setelah 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>


6. Kalau sudah selesai, silahkan klik "Save" dan lihat hasilnya.

Note :
Terkadang ada beberapa template memiliki kode yang beda. Jika caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa-apa atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mungkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah. Maka, solusinya sobat harus menyimpan script di atas di server sobat sendiri. Jika belum punya, silahkan coba daftar di Fileave.com. Jangan Lupa di Follow ya

Posted in: Tips and Trick