Friday, July 10, 2009

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.

5 comments:

fatya fatyn jafferi said...
This comment has been removed by the author.
Annyssophellia said...

bang ady, smiley ni akan kuar k comment yg mane?utk post atau shoutbox?
lagi satu, camne nk masukkan emiticon gambar kucing ni?
http://www.addemoticons.com/emoticon/cat/index.html

Eyna's said...

Salam...nak tanya...
ady ada bgtau "Pastikan kotak comment anda diletakkan pada bawah posting"...

Kalau comment guna pop up window tu tak lpas/menjadi ek emoticon ni?

Dak Wan® said...

Salam bro, Teman dah imbed comment tp tk bleh gak ah... Resultnya tgk kat http://sue-sygckit.blogspot.com ye? Tqs bro.

ALFALORA MOHD MUSTAFA said...

ni just kuar kt komen je ke?then i ada letak simbol dia..cth: =)
tp jus kuat =) bkn emotion nye simbol..