Cara Memasang Emoticon Komentar (Yahoo) di Blog

Admin    3:37:00 PM    Emoticon , Tools Blog , Tutorial   

Kembali lagi di Febri D'river Blog, kali ini saya akan memberikan trik seputar emoticon di kotak komentar (lagi). Ini adalah trik tentang Emoticon di kotak komentar. Yang sebelumnya yaitu Emotikon Kaskus, Emotikon Dakocan, dan  Emoticon Meong. Sahabat Blogger tinggal pilih mana yang di sukai. Dan yang akan saya jelaskan sekarang adalah bagaimana pasang Emoticon Yahoo di kotak komentar blog.

Emoticon Yahoo : 
 




Cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body> 
 
Coppy script berikut :
<script src='http://grandisyf.xtgem.com/smiley.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. Kalo sudah ketemu letakkan kode berikut setelah kode

<p class='comment-footer'>
(kalo ada dua buah atau lebih kode diatas, pilih yang lebih dibawah)
 
Kode Emoticon Yahoo :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> <b>:))</b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> <b>:)] </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> <b>;)) </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> <b>;;)</b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> <b>:D </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> <b>;) </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> <b>:p </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> <b>:(( </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> <b>:) </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> <b>:( </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> <b>:X </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> <b>=(( </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> <b>:-o </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> <b>:-/ </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> <b>:-* </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> <b>:| </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> <b>8-} </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> <b>~x( </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> <b>:-t </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> <b>b-( </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> <b>:-L</b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> <b>x( </b> <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> <b>=))</b> </b>
6. Kalo sudah trus di "save" dan coba klik di salah satu postingan untuk lihat hasilnya

Catatan

@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara-cara di atas dengan benar tapi hasilnya tidak terjadi apa-apa atau kodenya tidak berubah menjadi Emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mungkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Selamat Mencoba Semoga bermanfaat.