Tutorial YM Smiley Di Comment

Alhamdulillah kali ini berjaya jugak membuat tutorial ini. Mungkin ada diantara pengunjung yang telah menggunakan tutorial ini, namun ada jugak yang request, so di sini aku cuba terangkan untuk di kongsi bersama. Dengan adanya YM Smiley di kotak comment ianya akan kelihatan lebih menarik dan pengunjung akan tertarik dalam memberi ulasan pada artikel yang di buat.

Berikut adalah cara² memasukkan YM Smiley Di Comment

1. Login ke ID Blogger atau terus ke Dashboard blogger
2. Pilih Layout kemudian ke menu tab Edit HTML
3. Tandakan kotak kecil Expand Widget Template
4. Copy code dibawah dan letakkan atas pada code </body>

<script src='http://ady.netii.net/ymemoticon.js' type='text/javascript'/>

5. Kemudian cari code seperti dibawah 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. Copy code di dalam kotak bawah ini dan letakkan bawah pada <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. Setelah selesai meletakkan kesemua code tersebut di atas, akhir sekali SAVE TEMPLAT dan lihat hasilnya

Selamat Mecuba!!!


Tambahan
Pastikan anda mengikuti langkah² yang tertera di atas, tutorial ini telah di uji dan ianya berfungsi! Bagi sesetengah template yang di download berkemungkinan tutorial ini tidak akan berfungsi kerana pembuat template tersebut telah mengubah code-code tertentu didalamnya.

Pastikan kotak comment anda diletakkan pada bawah posting. Untuk berbuat demikian sila pergi ke Setting > Comments > Comment Form Placement > Embed Below Post.