Tutorial : Tukar Perkataan Post A Comment Kepada Image

Gadis Kidal Berceloteh...
15/12/2011

.Assalamualaikum !
Peacee ^_^v


Hey awak semua ! :D Kali ni , disebabkan ramai yang tanya Lyssa pasal " Macam mana Lyssa buat : Awak , Tekan Sini Untuk Comment"  . Lyssa akan buatkan tutorial tu ekh . hikhik#
Lyssa ni memang suka membelek koding dekat edit html Lyssa tu . Suka sangat mncuba sesuatu yang baru  . hik :) Kalau boleh nak jugak , buat macam dekat bawah ni , ikot lah ye :

 

Sebelum ni , di tulis macam ni je kan ?


 

Oke . Ikot step di bawah ye :

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan Ctrl F serentak , dan cari kod ini :

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
 
3. Ada jumpa tak ? Copy kod ini pulak , paste di bawah kod yang korang cari tuh :

<center><img src='URL IMAGE POST A COMMENT'/></center></a>


Contoh macam ni lah :

  Klik untuk nampak lebih jelas :)


4. Yang warna merah tu , korang tukarkan dengan URL IMAGE ye . Lyssa ada bagi yang simple punya kat bawah ni . Kalau suka ambik , kalau tak suka reka lah sendiri . Tak paksa.

5. Dah tu  , korang PREVIEW dulu . Kalau dah preview , tak de ERROR . boleh lah SAVE !

6. Lepas tu , nak check , tengok dekat entry korang . Kalau ada , anda terselamat ! hihi :)


*Siapa yang tak jumpa kod >> Tengok no.4  DEKAT SINI !!

*Kalau siapa pulak yang tak keluar bila dah check dekat entry , buat macam ni :


Setting > Comments > Pop-up Window > Save Changes !



FREEBIES . "Tekan Sini Untuk Comment" :


 
 http://i.imgur.com/OPGu8.png
 
http://i.imgur.com/GPQn6.png
 
http://i.imgur.com/L90S9.png
 
http://i.imgur.com/oQq6q.png
 
http://i.imgur.com/I1TCP.png

 
http://i.imgur.com/tYsxQ.png




=Selamat Mencuba=
KONGSIKAN ARTIKEL INI..
Previous
Next Post »

140 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
siti
AUTHOR
December 15, 2011 at 8:39 PM delete

wah rjin nyer akk wat tutorial hihihih
yg image tuh akk edit ker?
lawa <3

avatar
December 15, 2011 at 8:39 PM delete

thnx sys lyssa~nak amik freebies boleh?thnx :D

avatar
Izmaliana
AUTHOR
December 15, 2011 at 8:39 PM delete

Thanks akak :)
tapi yg guna template boleh guna jugak ke ?

avatar
December 15, 2011 at 8:42 PM delete

huhu... tuto yg bergune... tapi an..tapi an..terbaikk la..hehe

avatar
Anis Sabrina
AUTHOR
December 15, 2011 at 8:44 PM delete

Waahh! Terima kasih , akak! ^_^ Saya ambil satu ~

avatar
mayazara
AUTHOR
December 15, 2011 at 8:47 PM delete

kaka lyssa tak ada lah kod tu :(

avatar
December 15, 2011 at 8:51 PM delete

wahh ! cam tu rupenye .
em kak lyssa .camner plak akak buat ayat "penat menaip:Lyssa Faizureen : tu . n comel pic yg sebelah ayat tadi tu .ade tuto x kt maner nk tuka ayat "posted" kpd ayat mcm akak tu ! help me ! :]

avatar
Nur Syazwani
AUTHOR
December 15, 2011 at 8:59 PM delete

jadik ! jadik ! thnx akak !! ambik 1 eh freebies tuhh ..

avatar
December 15, 2011 at 9:04 PM delete

meh komen kat blog saya,alhamdulillah jadi pun tutorial lyssa,thanks yer.

avatar
ngok ! ngek !
AUTHOR
December 15, 2011 at 9:17 PM delete This comment has been removed by the author.
avatar
December 15, 2011 at 9:23 PM delete

kak lyssa ! first comment tu saya ! :D

avatar
myra azraff
AUTHOR
December 15, 2011 at 9:32 PM delete

thanks.saye cube ek tuto ni :D

avatar
Mirza Afiqah
AUTHOR
December 15, 2011 at 9:51 PM delete

kod tuh jumpe tpi npe tempatnyer laen..contohnyer kak lyssa nye kt hujung syer punyer kt tengah2..npe ek??akq guna template ape??

avatar
Yaya Luffya
AUTHOR
December 15, 2011 at 10:02 PM delete

x jdik la kak lyssa.. error~

avatar
December 15, 2011 at 10:08 PM delete

alaa... ade erorr laa.. sobsobb :(

avatar
Inee
AUTHOR
December 15, 2011 at 10:25 PM delete

Kak, tuto ni blh x digunakan kat washed denim ??

avatar
Leeza Zailan
AUTHOR
December 15, 2011 at 10:39 PM delete

kak lyssa .. saye tak jumpe la kod tu .. camane .. :/ ehe .. tulonk tulonk

avatar
miss aina!
AUTHOR
December 15, 2011 at 11:02 PM delete

saya ambil satu yer kak lyssa?

avatar
cik ezai
AUTHOR
December 15, 2011 at 11:18 PM delete

kod dah jmpe..tp lain sket.. pas 2 dah buat tapi eror la..frust..;/

avatar
Atin Tory
AUTHOR
December 15, 2011 at 11:25 PM delete

huhu nmpaknye ramai yg ERROR?? ohh sy bole tolong skit..

maybe yang error 2 sbb u all kene buang yg ni kOt..

cube try??

avatar
December 15, 2011 at 11:42 PM delete

jdik2.. tapi napew ara uat dea dok bawah ? lau na letak atas cm lyssa cane ?

avatar
Maryati
AUTHOR
December 15, 2011 at 11:50 PM delete

putus asa.sentuhan kecundang.
tiba2, ntah macamana, jadik!
alhamdulillah.... akak ambik 1 freebies tu... yg last skali, kale feberet tauuu.. tq lyssa!cayaaaang awak!muahhhhs

avatar
IllyHannis
AUTHOR
December 16, 2011 at 9:51 AM delete

comel . Amik satu , yg biru tuu :) Thx kak lyssa

avatar
farah@engoys
AUTHOR
December 16, 2011 at 10:56 AM delete

yeh dah dapat... baru request bende ni kat bloger lain dah dapat kat sini.... Thank you lyssa.. Much Muaaaaxxx... :P hehe

avatar
Ash Kyouhei
AUTHOR
December 16, 2011 at 11:02 AM delete

wahh , thanks , baru perasan tutor ni , ramai yg dah guna . teringin nak guna. khik3.
thanks kak lyssa :) muahhh <3 XD

avatar
farah fafau
AUTHOR
December 16, 2011 at 11:04 AM delete

as'kum..hai lyssa..nie bkan nk tnye psal tutor nie...nk tnye mcm mna nk msk layout or widget dri webfetti...hope lyssa dpat membantu erk...trma ksh

avatar
.nora.
AUTHOR
December 16, 2011 at 2:07 PM delete

lyss, tak jd pun. kenapa? :(

avatar
sAiakEma
AUTHOR
December 16, 2011 at 2:32 PM delete

kak lyssa,tk jd la..dy kuar error

avatar
December 16, 2011 at 2:32 PM delete

Lyssa syg , mcm mane nk bt "click sini untuk comment" belas atas mcm lyssa ? n comment tuh belah bawah ? huhu .. sorry menyusahkan :(

avatar
December 16, 2011 at 2:35 PM delete

and , mcm mane nk buat ayat sendiri kt "click sini untuk comment?"

avatar
Mowmoy
AUTHOR
December 16, 2011 at 3:04 PM delete

error lah . x jadi . macam mana laa?

avatar
IttyLayang
AUTHOR
December 16, 2011 at 3:51 PM delete

Wah ! Terima kasih ye kak Lyssa...
suka sangat ! semuanya dlm bntuk img... woohooo...

avatar
Norm SuperB
AUTHOR
December 16, 2011 at 9:54 PM delete

hahaha.. akak dah jumpa kod.. tapi masalahnya... dia duk kat bawah.. hahaha.. komen kat bahagian atas.. tapi label tu duk bawah.. macam mana nk buat tu?

avatar
CassieShawol
AUTHOR
December 17, 2011 at 1:57 AM delete

kak lyssa, naper x jadik ek? bile sye tekan save templates die keluarWe were unable to save your template
Please correct the error below and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag "".

avatar
Esya Aysha
AUTHOR
December 17, 2011 at 8:13 AM delete

Kak Lyssa , tak jadik un . Phrase not found . Kenape , ek ?

avatar
ainny
AUTHOR
December 17, 2011 at 12:30 PM delete

kak ! saya amek yew :) thanks ..

avatar
Fatyn
AUTHOR
December 17, 2011 at 4:35 PM delete

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "div" must be terminated by the matching end-tag "
knp jd mcm ni kak ? ):

avatar
Fatyn
AUTHOR
December 17, 2011 at 4:36 PM delete

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "div" must be terminated by the matching end-tag "
knp jd mcm ni kak ? ):

avatar
Ibung
AUTHOR
December 17, 2011 at 5:22 PM delete

curi satu yer. thanks. =)

avatar
1nationummah7
AUTHOR
December 17, 2011 at 5:31 PM delete

asalm my sifu...nak yg kunin tu ye..tq bnyk ajar tuto..sy baru merangkak dlm blog nih..mai la tngok blog sy hehex

avatar
Tariq7
AUTHOR
December 17, 2011 at 5:44 PM delete

lyssa amoi a...xdapet nak buat pun templat not save pulok sbb apo????

avatar
CiK FizA
AUTHOR
December 18, 2011 at 2:40 AM delete

Tengs sys Lissa ! Menjadi lah. heeee~ ^_______^

avatar
Deq's Qienz
AUTHOR
December 18, 2011 at 1:20 PM delete

xjdi pon lysa..huhuuu..sedih2 :)

avatar
ZaNa SaFwAn
AUTHOR
December 19, 2011 at 4:09 AM delete

Kak , saye x jumpe kod tu :( tolong saye kak :'(

avatar
owner Cyber.
AUTHOR
December 19, 2011 at 1:20 PM delete

lisa,, xjadik... cm ne kuar ayat nie


Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag "".

Error 500

avatar
December 19, 2011 at 4:45 PM delete

k. lyssa . xjadik p0n . s0, nak mnx guna tuto nep nak wat tuto jugak kat blog . haha . frust sbb xdpt buad kann . nnt, sye ltak credit skly . =)

avatar
December 20, 2011 at 12:30 PM delete

npe yg miera punyer kua kat bwah bukan macam kak lyssa punya kat atas. apa2 pun tuto yg sngt brguna and comel.. hehehe.. ^o^

avatar
Iswilma
AUTHOR
December 20, 2011 at 5:42 PM delete

Akak Lyssa, kenape sye nak preview , error tuh ??? aduh...konfius2

avatar
ZaNa SaFwAn
AUTHOR
December 20, 2011 at 6:30 PM delete

why saye x boleh buat kak ? sedihnye :(

avatar
diela yunyun
AUTHOR
December 21, 2011 at 2:35 AM delete

yeah2...jadi..tengs kak lysa....saya amek 1 freebies uh

avatar
December 21, 2011 at 2:51 AM delete

Kak Lyssa ~ boleh bwat tuto macam mana nak buang background putih header tu tak? >w< sy dah buat header transparent, tapi tetap ada background putih tu.

avatar
sUbHa mIa
AUTHOR
December 21, 2011 at 1:41 PM delete

Kak Lyssa,,bole tolong bwat tuto untk moving image ltak kt sidebar bole ta???saya dh try tp ta dpt buat la..tolong erk..akak fham ke ap yg sya tulis??coe klu ta fhm lorh..

avatar
Darwish
AUTHOR
December 22, 2011 at 12:26 PM delete

Akak !warna kelabu xda eyh ?

avatar
lemon_ieyfa
AUTHOR
December 23, 2011 at 12:31 AM delete

kak :(
tak keluar pown :'(
da ikot semua step .
tapi ta jadi pown :'(
#sedeyh giler bangang

avatar
Ifa Tasya
AUTHOR
December 24, 2011 at 3:10 AM delete

sis, ifa amik freebies ekh . :)

avatar
Darl Eqa
AUTHOR
December 26, 2011 at 6:21 AM delete

sis lyssa. Pls reply me (:
Alhamdulillah eqa jdi. tp image tu d'bwh, bukan d'ats mcm akk.. mcm mne tu ?

avatar
nur alya
AUTHOR
December 26, 2011 at 6:23 PM delete

heyp kak.. alya nk mintak tolong akak nih.. mcm mne akak buat yang 'Penat Menaip : Lyssa Faizureen tepat 8:36 PM'

mcm mne akak tukar bende tuh ?

avatar
Mrs Adiena
AUTHOR
December 27, 2011 at 12:04 AM delete

thanx lyssa..nina curik yg pink tu tau..

hehehe..teria kasi. =)

avatar
December 27, 2011 at 2:59 PM delete

Kak lyssa , canma kak lyssa buad : Nak Cari Apa ? Sini !! erkk ? Akk leh wat tuto tak ?

avatar
December 27, 2011 at 9:01 PM delete

menjadi sangat! trima ksih ye, kak lyssa.. sya dh gna sdikit drpd smua tut0rial akak.. smuanya mnjdi.. trima ksih ye, kak...

avatar
December 29, 2011 at 3:29 AM delete

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag "".

Error 500

dia kuar ini pulak :'(

avatar
FadzMeera
AUTHOR
December 30, 2011 at 6:06 PM delete

hi3..
jadi, tapi letaknya di bawah..
takpa lh kan..
tq ya :)

avatar
Rint Ahmad
AUTHOR
December 31, 2011 at 11:11 PM delete

wah !!!!!!trimas kak lyssa..saya curik satu ye..

avatar
December 31, 2011 at 11:39 PM delete

Kak , Macam mana pulak akak tukar ayad 'Tekan Sini Untk Comment' to 'Awak, Tekan Sini Untuk Comment'?

avatar
Budak Malas
AUTHOR
January 1, 2012 at 3:29 PM delete

hi .. ambik 1 freebies ye ??
thanks ..

avatar
fartin 3-satu
AUTHOR
January 2, 2012 at 1:32 PM delete

kak lyssa atin amik satu erk :")

avatar
::EIDA::
AUTHOR
January 3, 2012 at 3:36 PM delete

Lyssa... akak try buat, jadik! tapi kenapa coment tu duk bawah... lyssa nye duk atas.... =(

avatar
chubbygirlz
AUTHOR
January 5, 2012 at 2:01 PM delete

errr...tak dapatlah akak..error.. :((

avatar
babybabap
AUTHOR
January 7, 2012 at 4:36 PM delete

mcm mana nak carik kotak komen y da hilang ? mcm mana nak buat supaya kawan'' kita boleh komen kat setiap entri kita ? cuba lysaa lawat bluebabytoxic.blogspot.com .. dan bgtau jalan penyelesaiaan ye ..

avatar
dyna
AUTHOR
January 8, 2012 at 7:45 PM delete

x jadik pon kak.. kod tu ada... cumer bile Dyna letak pastu preview, die kluar error...

avatar
maxsky
AUTHOR
January 13, 2012 at 4:24 PM delete

Akak, Die kluar ini la "Error parsing XML, line 1930, column 62: The element type "b:if" must be terminated by the matching end-tag ""." camne nk buat?? plezz tolong ...

avatar
javalava89
AUTHOR
January 14, 2012 at 1:45 AM delete

mekaceh dik...akak amek yg kaler biru ek....

avatar
Misz Azney
AUTHOR
January 21, 2012 at 7:16 PM delete

nak curi satu yg kaler pink

avatar
January 23, 2012 at 1:56 PM delete

jdy3 :) , huhu, thank you comel !

avatar
Aznana
AUTHOR
January 24, 2012 at 10:52 PM delete

alahai x jmpe la plak.. mmg xde kowt.. tp template dr blogger.. sy pakai template tetikap.. knape nk cari cod tu xde??

avatar
Nornabila
AUTHOR
January 25, 2012 at 4:05 PM delete

akak !
saya amik yg wrna pink tu.
tenkiu :)

avatar
N'yue
AUTHOR
January 26, 2012 at 4:33 PM delete

thanks....nyue ambk y pink..nty usher/follow blog i yer..

avatar
afiq foo
AUTHOR
February 4, 2012 at 5:13 PM delete

x bleh pown kak lyssa....
kod dah jumpe tpi error.....

avatar
Husna Una
AUTHOR
February 7, 2012 at 12:39 PM delete

Kak Lyssa Error la ! cam na ekk
code semua da jumpa

avatar
myz rien
AUTHOR
February 9, 2012 at 4:30 PM delete

tangs tuto,,,bru nk berbloging neyh,,,mtk freebies yup ,,

avatar
Husna Una
AUTHOR
February 12, 2012 at 8:44 PM delete

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

Error 500

kak dia keluar cam ni ! dah banyak kali try tapi x leh la

avatar
Budak Blurr
AUTHOR
February 14, 2012 at 10:43 AM delete

terbaiik ah error ! :D
sukee sangat ! iihihihihihi

avatar
February 16, 2012 at 11:02 AM delete

lyssa , tengs ye , kite ade amik satu . :)

avatar
Yaya ★
AUTHOR
February 16, 2012 at 10:53 PM delete

Hee , Kak lyssa . Sy amek wrna purple toh tau

avatar
cIk JanNah
AUTHOR
February 17, 2012 at 8:38 PM delete

lyssa! help me. jannah buat tak jadi. tak keluar pon. why ya??

avatar
Cik Nurul
AUTHOR
February 24, 2012 at 5:24 AM delete

thankss sayangssss! byk tuto dah menjadi ni.. suke! ^^

avatar
February 26, 2012 at 8:37 PM delete

Kak Lyssa :'( Knp dia tak nak. Dia kate camne : "Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag ""." Ape die kate tu, Kak Lyssa? Tak faham la... Tolong saye plisss :(

avatar
Ayesha Ramlee
AUTHOR
February 27, 2012 at 12:59 PM delete

terima kasih ye dik.. jadipun :D

avatar
March 2, 2012 at 8:54 AM delete

Tak jadi lerr . dia ada tulis error . ajarkan boleh ,.

avatar
huda d'luvers
AUTHOR
March 3, 2012 at 2:30 PM delete

kenapa dia tulis cam ni?

We were unable to save your template

Please correct the error below and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag "".

avatar
ShalleyaNna
AUTHOR
March 9, 2012 at 8:30 PM delete

lyssa jadik tapi perkataan post a comment masih ada lah

avatar
aMe_Lia
AUTHOR
March 24, 2012 at 3:07 PM delete

akak lyssa,ambik stu tau,thans ^^

avatar
Nurul Asyiqin
AUTHOR
March 25, 2012 at 1:59 PM delete

hehe!thanks kak lisa!it help so much!

avatar
Fazid Zac
AUTHOR
May 2, 2012 at 12:23 AM delete

Ramai yang tak dapat buat tutorial nie sebab ada error, kan? Sebenarnya tutorial Kak Lyssa nie betul dah, cuma lupa nak delete something. Korang kena delete data:postCommentMsg tu. Senang cerita ikut segala benda yang ada dalam gambar contoh yang Kak Lyssa bagi tu. Baru jadi! ^_^

avatar
Nur Syazwani
AUTHOR
May 6, 2012 at 12:40 PM delete

Kak lyssa , x jadik pun :(

avatar
Nur Syazwani
AUTHOR
May 6, 2012 at 12:45 PM delete

Error parsing XML, line 1753, column 97: The element type "a" must be terminated by the matching end-tag "". kak lyssa , dia kluar tuh lah . Dah banyak kali buat :(

avatar
Sakinah ♥
AUTHOR
May 19, 2012 at 10:10 AM delete

Salam !
akak !!!!!!
tq sgt2 !
dah menjadi la..
tq kak :D

avatar
May 30, 2012 at 2:35 PM delete

Assalammualaikum , kak lyssa , bila preview dia keluar error . mcam mana nak buat . kod apa semua dah jumpa , bila nak tengok dia error . please tolong :')

avatar
Nαniє
AUTHOR
May 30, 2012 at 3:50 PM delete

kak lyssa , kalau template denim bole ke ?, teringin jugak ni , hehe :)

avatar
Nur Syazwani
AUTHOR
June 6, 2012 at 1:11 PM delete

Akak , wani dahh save , boleh . tapi bila tengok balik dekat blog , tak de ?

avatar
June 6, 2012 at 5:52 PM delete

AKAK, SYADZA DH SAVE PUN TAPI X DA BILA TENGOK KAT BLOG.

avatar
June 8, 2012 at 9:44 PM delete

assalam hai lyssa...nak bgtau ni...saya tau dah kenapa most of commentors dapat error...sbb saya pon dapat error gak mula2...

huhu...saya tak baca semua komen sangat tp mungkin ade orang dah share kat atas kenapa error...kat sini saya nak share lagi.. =)


step yang ke-3 tu kena buang code kat hujung tu then barulah takde error...hehe, untuk senang faham saya dah upload detail kat sini

http://3.bp.blogspot.com/-y0wGKpNn67I/T9IBUD1OErI/AAAAAAAAA9M/XnxgwKfHsR8/s1600/settled%2Bshiqin%2Bsunshine.jpg

avatar
umiliza989
AUTHOR
June 22, 2012 at 9:16 AM delete

tq...saya dah ambik satu juga

avatar
♥ Anis
AUTHOR
June 23, 2012 at 9:24 PM delete

thanks kak Lyssa yg sweet :)

avatar
July 7, 2012 at 1:20 PM delete

thanks kak lyssa. tutorial ni menjadi. dulu iqa penah try buat jugak tapi tak jadiII. skrang buat jadi pulak. silap diri sendiri. terima kasih lagi sekali :D

avatar
October 13, 2012 at 8:10 PM delete

Kak Lyssa,kod yg Kak Lyssa suruh cari tu,saya punya akhir skali ada data:postCommentMsg/></a

avatar
ian
AUTHOR
November 24, 2012 at 12:48 PM delete

akak... sekarang da guna dashboard baru, susah nak cari design and html. macam mana ni kak?

avatar
♕tashyra
AUTHOR
December 9, 2012 at 11:07 PM delete

saya ambik yg warna pink tu ye kak lyssa? thank you :D

avatar
Miss Za
AUTHOR
January 10, 2013 at 3:53 PM delete

kenapa blog sy bila tekan ctl-F and cari kod yg lisa bagi tu byk yg xde??

avatar
Leyha.Zaleha
AUTHOR
March 30, 2013 at 10:51 PM delete

Akak , tak boleh nak buad , taktau nape , please bantuu :'(

avatar
May 1, 2013 at 5:54 PM delete

Kak, Eyza ambik satu :) Purple

avatar
Eyka Ayiem
AUTHOR
January 31, 2014 at 4:25 AM delete

pakai dashboard baru takboleh nak edit lah kak. Tolong ples?

avatar
July 12, 2014 at 9:24 PM delete

sis lysaa x jadi la, kita buat tak dapat pun. x jumpa kotak tick expand widget

avatar
Gifta Good
AUTHOR
June 15, 2015 at 8:08 PM delete

ngga bisa kak huhuhu

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon

Google+ Followers