Pasang emoticon di ruangan komen

.

Sempena Hari Raya Korban pada hari ini, saya mengucapkan Selamat Hari Raya Aidil Adha dan maaf zahir dan batin kepada sesiapa yang melayari blog ini.
Tutorial kali ini saya akan menunjukan cara memasang emoticon di ruangan komen anda.Widget ini hanya untuk menghiasi atau mempercantikkan lagi ruangan komen anda.Anda boleh juga rujuk tutorial lepas bagaimana pasang emoticon di ruangan post.Saya akan tunjukkan 2 jenis emoticon iaitu :-


1.Script emoticon yahoo
<script src='http://tinyurl.com/au458b ' type='text/javascript'/>



2.Script emoticon kucing
<script src='http://tinyurl.com/dm8byd' type='text/javascript'/>



Bagaimana cara membuatnya...
1. Pergi ke Layout--->Edit html, kemudian tandakan pada "expand widget template"
2.Cari kod </body> kemudian copy script emoticon pilihan anda dan pastekan sebelum kod </body> tersebut.
3.Kemudian cari kod ini 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'>
<aexpr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
dah jumpa...jika sudah , copy kod emoticon pilihan anda dibawah ini (kod emoticon yahoo atau kucing) dan pastekan di bawah kod <p class='comment-footer'>

Ini kod Yahoo Emoticon
<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>

Ini kod Emoticon kucing
<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

4. Kalau sudah siap...klik pada preview dahulu (emoticonnya tidak kelihatan..jangan panik.. kerana ianya hanya boleh dilihat pada ruangan komen aje).Jika tiada sebarang error maknanya kamu telah berjaya menjalani tutorial ini.Klik save template --> view blog anda, kemudian pergi ke ruangan komen dan lihat hasilnya...

Mungkin artikel dibawah yang sedang anda cari



11 comments:

Yanie berkata...

nape x bley gune pn icon ni eh?

deenoh berkata...

Yanie: nape yanie masalahnya...more details?

Yanie berkata...

try jp eh... :)

kakyong berkata...

salam,

kakyong tak dpt buat ler.. dpt message spt kat bawah ni :

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type "aexpr:href" must be followed by either attribute specifications, ">" or "/>".

deenoh berkata...

Kakyong :

Berkenaan masalah diatas, cuba akak tukar kotak komen versi lama kepada yg baru.Kemudian buat semula tutorial ini.Cuba dulu.

kotak komen baru

kakyong berkata...

salam,

ok.. mekasih. nanti kakyong cuba..

kakyong berkata...

salam dino..

sudah berjaya di pasang. terima kasih. :D :)

Yilin & Family berkata...

nape ye, emoticon tu vertical? cane nak bagi berkumpul in horizonal?

Yilin & Family berkata...

cane nak bagi emoticon tu in1 horizontal row? saya berjaya edit html tapi susunan icon in vertical...

Tanpa Nama berkata...

Betul ka jadi???

:))
;))
:-p

hanum berkata...

emoticon bikin blog menjadi hidup lebih hidup :D

:)) ;)) ;;) :D ;) :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Catat Ulasan

Komenlah sesuka hati anda kerana tuan empunya blog ini buta hati dan buta perasaan tetapi tidak buta mata.

 

Pelawat

free counters
BlogInfoTips

Pengikut

Recent Comments

Powered by Deenoh

© Copyright 2007-2009. Blog tutorial . All rightsreserved | Bloginfotips.com is proudly powered by Blogger.com | Template redesign by Deenoh