Tutorial 18 : Membuat icon di sebelah Title post/entry

Hari rajin untuk cover blog tutorial..
Nak try tak buat icon disebelah title macam i ini..

icon seperti i bulatkan itu.
1. Sign in Blogger > Design > edit HTML > Tick Expand Widget Template

2. Cari code di bawah..cara mudah tekan Ctrl F

<a expr:href='data:post.url'><data:post.title/></a>

3. Selepas sesi mencari dan jumpa code di atas..Sila copy ini

<img src="LinkGambar"/>

dan paste di tengah-tengah code di atas seperti di bawah.


<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>

4. Gantikan URL GAMBAR dengan URL icon yang u all suka..

5. Click preview dan SAVE kalau menjadi..

Tak jadi sila tinggalkan mesej anda.


Good Luck!
Share this PostPin ThisEmail ThisShare on Google PlusShare on Tumblr
82 Comments for "Tutorial 18 : Membuat icon di sebelah Title post/entry"

tens kak,.akak nie rjin laa wat tutorial,.akak baek,.syg akak,.

thank pada semua ikuti tutorial ini..love u all..muahh :)

kak... cube view blog saye... nape ade kotak kat bintang tu?? yang icon..

@GeminiGurlz

adik tersilap coding kot..chek smula ye..

cuba banyak kali tak reti-2 jugakkk ! huwaaa ! rs nak nges . kaka farah ! help me ! sy lembap cket bab-2 edit neh . hmm . tlg :(

templete ? apa tuuuu ? HAHA . tlg aja macam mn nak letak bnde alah tuu . tlg-3 ! :(

@hatitisu

templete tu mcm theme..theme apa awak guna?

x jdik ! x dpt na crik kod tuh

npe taa kuar gmbr ue bile kite da save?

Nak carik url gambar tuu mcm mne ? hee (:

knp sy cari code tu tkde??
puas sy cari..tlong sy akak ! :'(

Kenape icon kat blog saye jadikk besar ?

macam mane nak buang balek code tu ea ?

sume tuto akak ni jadi lah...terbaeeekkkk

macam mana nak hilangkan box kat luar icon tu?

kalau kat edit template html tu cry x jumpa dan x dak..blh wat cara yg laen x akak??

@Izyan Yan Cinnamon


boleh tapi kena godek html la..hahaha..

*pengsan

salam sis npa blog saya da gmbr skur drvr d stiap link blog..blog msh bru nk wat..:)

nak amek link pic tuu kadd mane ?

cik fara , saya xpndai cr icon yg cute2 nie.. yg saye dpt sume ade bckgroud.. lastly saya copy icon cute awk tu je.. sorry.. leh suggest kt saye x cmne nk cari icon yg cute2 cm awk pnye.. ?

Kak Farah . Code tu takde pon dekat template . macam mana ye ? :D

@Umi Suhada

sudah tick expand widget?

Kalau xdapat juga tandanya template tu xsesuai utk tutorial ni :)

waaaa...xjadi la fara...Missra dah brapa kali try..tp nak make sure ngn fara...URL image dr glitter graphic tu nak kena amek yg mana satu???

akak camner nak center ken title post tu??

knpe org lain pnye jdi ? sye pnye x jdi ? =(

salam cik farah .. Nak tnye nh ..
nak tkar URL GAMBAR kat mne ek ?

punya i tak menjadi,,,

kod tak jumpa er,,

salam..boleh tolong tunjukkan cara utk tukar/buang icon sebelah title entry tak?? dah try tapi tak boleh..tq..

huh ! tak jadi.. :(
esok cuba lg laa..byk sy dpt blajar dgn ade nye tutorial2 miss farah punye ni..terima kasih byk2..halal kan ye..hihi :)

tak jadi..bila sy preview, dia kluar mnde ni.. :(

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: Open quote is expected for attribute "{1}" associated with an element type "src".

Error 500

Kak , saya punya kurang menjadi , dia keluar *tajuk entry* *gambar* *tajuk entry* akak paham tak ? Macam ada dua tajuk entry diantara gambar . Tak tahu mana silap dia :(

Assalamualaikum Kak Farah , saya punya menjadi tau buat ! Tapi masalah dia bila ada dua tajuk post . Kalau akak tak paham , jenguklah blog saya httP;//haidahz.blogspot.com . Please reply eh kak :( Salam..

saya selalu mempunyai masalah untuk mencari 'expand widget...' tu. help! tak jumpak!

@wawa othman

dia berada di atas kotak edit html, cuma click tick je.

ape URLGAMBAR tu,akak ? xpaham la ... :(

mana nak dapat url icon ? helpp !! --'

Mana nak dapat URL gambar tu .. please :( help me :(

salam..
knp code tu xde??
sedihnyee...

salam...
knp code yang kena cri tu x de??

Nape tak jumpa Tick Expand Widget Template ?? UMmm..

assalamualaikum..expert widget template tu at mana ye kak.. x jumpalah..

akak . tak jadik laa . dia tlis error . not allowed at this prolog . camna i kak :(

akak . tak jadik laa . dia tlis error . not allowed at this prolog . camna i kak :(

sya x de code dekat no 3. boleh x ganti dengan code lain?

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)
Pesanan:
Anda tidak dibenarkan sama sekali mengambil/menyalin/menyimpan/print screen mana-mana kandungan blog ini kecuali atas keizinan tuan punya blog. Tuan punya blog tidak teragak-agak untuk mengambil tindakan undang-undang jika hak persendirian ini dilanggar.

Pendapat penulis tidak semestinya kekal.
Cik Nurfarah

Related Posts Plugin for WordPress, Blogger...
Back To Top