Banyak pertanyaan sobat-sobat tampilan-blog.blogspot.com tentang bagaimana memasang Emoticon di kotak komentar blog. Pertanyaan ini sudah lama diajukan, tapi belum terjawab.
Akhirnya saya menyempatkan diri membuat tutorialnya. Nah agan-agan semua, tidak butuh tips dan trik tertentu untuk Emoticon yahoo ini. Hanya saja syaratnya adalah harus cocok dengan Template yang sedang agan-agan gunakan. Karena, jika tidak cocok emoticon yahoonya tidak akan pernah tampil. Kriteria cocok atau tidak belum pasti. Namun, menurut pengalaman saya harus sesuai dengan langkah-langkah yang saya gunakan. Kalau sesuai berarti berhasil.
Untuk Demonya, sobat bisa lihat pada kotak komentar dibawah. Gimana ? tertarik untuk mencoba.. Lets go!
Berikut adalah Cara pasang emotion yahoo di kotak komentar
1. Seperti biasa masuk ke menu edit HTML, lalu download dulu template lengkapnya takut gagal nanti.
2. Jangan lupa beri tanda centang pada "Expand Widget Templates"
3. Lalu sobat cari kode : </body>
4. Lalu letakkan script berikut diatas kode </body> tadi :
<script src='http://hbhost.googlecode.com/files/yemoticon.js' type='text/javascript'/>
5. Selanjutnya cari kode berikut :
<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. Kode diatas kadang berbeda, carilah yang menurut sobat mirip. Lalu letakkan kode berikut dibawah <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>
7. Jika sudah silahkan di SAVE template sobat.
Akhirnya selesai Cara pasang emoticon yahoo di kotak komentar. Selamat mencoba, semoga berhasil.. Sharing pengalaman agan-agan di bawah, siapa tahu ada masalah dan solusinya.. Happy blogging and sharing..
Tidak ada komentar: