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!

82 comments

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

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

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

    ReplyDelete
  4. @GeminiGurlz

    adik tersilap coding kot..chek smula ye..

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

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

    ReplyDelete
  7. @hatitisu

    templete tu mcm theme..theme apa awak guna?

    ReplyDelete
  8. x jdik ! x dpt na crik kod tuh

    ReplyDelete
  9. Nak carik url gambar tuu mcm mne ? hee (:

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

    ReplyDelete
  11. Kenape icon kat blog saye jadikk besar ?

    ReplyDelete
  12. macam mane nak buang balek code tu ea ?

    ReplyDelete
  13. sume tuto akak ni jadi lah...terbaeeekkkk

    ReplyDelete
  14. macam mana nak hilangkan box kat luar icon tu?

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

    ReplyDelete
  16. @Izyan Yan Cinnamon


    boleh tapi kena godek html la..hahaha..

    *pengsan

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

    ReplyDelete
  18. 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.. ?

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

    ReplyDelete
  20. @Umi Suhada

    sudah tick expand widget?

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

    ReplyDelete
  21. 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???

    ReplyDelete
  22. akak camner nak center ken title post tu??

    ReplyDelete
  23. knpe org lain pnye jdi ? sye pnye x jdi ? =(

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

    ReplyDelete
  25. punya i tak menjadi,,,

    kod tak jumpa er,,

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

    ReplyDelete
  27. 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 :)

    ReplyDelete
  28. 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

    ReplyDelete
  29. 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 :(

    ReplyDelete
  30. 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..

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

    ReplyDelete
  32. @wawa othman

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

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

    ReplyDelete
  34. mana nak dapat url icon ? helpp !! --'

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

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

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

    ReplyDelete
  38. nak cari dekat mana????

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

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

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

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

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

    ReplyDelete
  44. salam.. i buat x jd la.. huhu

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Related Posts

Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH