Wednesday, December 1, 2010

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:

82 comments

  1. Nabilah SuhailahDecember 25, 2010 at 11:46 AM

    terimakasih :)

    ReplyDelete
  2. Dina IfhamiDecember 25, 2010 at 6:19 PM

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

    ReplyDelete
  3. NurfarahDecember 26, 2010 at 2:32 PM

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

    ReplyDelete
  4. mumuiJanuary 1, 2011 at 10:47 PM

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

    ReplyDelete
  5. NurfarahJanuary 2, 2011 at 3:00 PM

    @GeminiGurlz

    adik tersilap coding kot..chek smula ye..

    ReplyDelete
  6. hatitisuJanuary 25, 2011 at 5:55 PM

    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
  7. NurfarahJanuary 25, 2011 at 8:18 PM

    @hatitisu adik guna templete apa?

    ReplyDelete
  8. hatitisuJanuary 26, 2011 at 2:53 PM

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

    ReplyDelete
  9. NurfarahJanuary 26, 2011 at 4:36 PM

    @hatitisu

    templete tu mcm theme..theme apa awak guna?

    ReplyDelete
  10. faidah misnanFebruary 20, 2011 at 12:32 PM

    thanks...=)

    ReplyDelete
  11. miss ixoraFebruary 27, 2011 at 10:50 AM

    thaxs..:))

    ReplyDelete
  12. Siti Nur Idayu SabriMarch 9, 2011 at 4:19 AM

    thanx miss farah . ^^

    ReplyDelete
  13. NurfazzyMarch 12, 2011 at 10:47 PM

    at last jadi juak..
    thanks..

    ReplyDelete
  14. TasyaMarch 17, 2011 at 11:13 AM

    x jdik ! x dpt na crik kod tuh

    ReplyDelete
  15. Lydia Sahaje Lar (Lydiaa Beauty)April 15, 2011 at 6:18 PM

    npe taa kuar gmbr ue bile kite da save?

    ReplyDelete
  16. ekabukanmakcikkau.April 18, 2011 at 5:33 PM

    thanks <3

    ReplyDelete
  17. athirah hattaApril 22, 2011 at 6:10 PM

    hmm, tak jadi pun.

    ReplyDelete
  18. Farah itu saya (:April 29, 2011 at 5:53 PM

    Nak carik url gambar tuu mcm mne ? hee (:

    ReplyDelete
  19. Husna AsyikinMay 4, 2011 at 6:19 PM

    Thank you !! :D

    ReplyDelete
  20. rabiatul hidayahMay 7, 2011 at 8:07 PM

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

    ReplyDelete
  21. Rawrr.May 14, 2011 at 6:16 PM

    Kenape icon kat blog saye jadikk besar ?

    ReplyDelete
  22. Rawrr.May 14, 2011 at 6:17 PM

    macam mane nak buang balek code tu ea ?

    ReplyDelete
  23. NurfarahMay 17, 2011 at 9:38 AM

    @rabiatul hidayah

    tak semua template ada coding ni :)

    ReplyDelete
  24. NurfarahMay 17, 2011 at 9:39 AM

    @♡ Nur Haziqah ♡

    sebab adik pilih image besar @_________@

    ReplyDelete
  25. NurfarahMay 17, 2011 at 9:40 AM

    @♡ Nur Haziqah ♡

    buat dari mula..dan buang mcm biasa

    ReplyDelete
  26. Ei-zwan WisecoJune 9, 2011 at 2:48 AM

    sume tuto akak ni jadi lah...terbaeeekkkk

    ReplyDelete
  27. NurfarahJune 9, 2011 at 2:30 PM

    @Ei-zwan Wiseco


    Thank daun keladi.. @__________@

    ReplyDelete
  28. Nabihah SaidJune 10, 2011 at 3:11 PM

    macam mana nak hilangkan box kat luar icon tu?

    ReplyDelete
  29. Izyan Yan CinnamonJune 10, 2011 at 3:38 PM

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

    ReplyDelete
  30. NurfarahJune 10, 2011 at 3:39 PM

    @Izyan Yan Cinnamon


    boleh tapi kena godek html la..hahaha..

    *pengsan

    ReplyDelete
  31. princess winterJune 21, 2011 at 8:29 PM

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

    ReplyDelete
  32. NurfarahJune 21, 2011 at 8:43 PM

    @princess winter

    mmg mcm gitu lah adik

    ReplyDelete
  33. Mrs WhiteJuly 2, 2011 at 8:13 PM

    mine is not working :(

    ReplyDelete
  34. sty zunikaJuly 3, 2011 at 1:33 AM

    asl tak jadi :((

    ReplyDelete
  35. Ummi Hasanah AnsyariJuly 3, 2011 at 9:25 PM

    nak amek link pic tuu kadd mane ?

    ReplyDelete
  36. ZTAugust 1, 2011 at 11:26 AM

    thanks =) dah jadi..

    ReplyDelete
  37. ❤❤sAkuRa❤❤August 2, 2011 at 12:49 AM

    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
  38. NurfarahAugust 2, 2011 at 9:30 AM

    @❤❤sAkuRa❤❤

    kat glitter graphic byk..try cari.

    ReplyDelete
  39. Umi SuhadaAugust 9, 2011 at 3:21 PM

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

    ReplyDelete
  40. NurfarahAugust 9, 2011 at 3:30 PM

    @Umi Suhada

    sudah tick expand widget?

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

    ReplyDelete
  41. UnknownAugust 16, 2011 at 12:55 AM

    yeay..
    jadi la..
    thanks..=)

    ReplyDelete
  42. MissRa Md IsaAugust 17, 2011 at 10:46 PM

    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
  43. .rai.di.sini.August 23, 2011 at 12:24 PM

    aah..ade kotak besar :(

    ReplyDelete
  44. NiemaAugust 24, 2011 at 3:44 PM

    thanks farah... berjaya!!!

    ReplyDelete
  45. iffa syazfillaAugust 25, 2011 at 5:52 PM

    TERIMA KASIH :)

    ReplyDelete
  46. AnnissaSeptember 18, 2011 at 1:20 PM

    x boley pon wat :(

    ReplyDelete
  47. siti hajar talibSeptember 21, 2011 at 10:57 PM

    terbaik!!..cute sgt!!..tq...>.<

    ReplyDelete
  48. Areyue LuvinnovSeptember 29, 2011 at 12:34 PM

    tq awk,,:)

    ReplyDelete
  49. Chealsea ChieykarooOctober 6, 2011 at 10:12 PM

    Thankss !

    ReplyDelete
  50. Nur ziyana October 8, 2011 at 5:35 PM

    tengs akak.jd jgak

    ReplyDelete
  51. c_deq97October 31, 2011 at 5:38 PM

    akak camner nak center ken title post tu??

    ReplyDelete
  52. justareaderNovember 3, 2011 at 4:07 PM

    tak jd!!!

    ReplyDelete
  53. Atiqah BazlaaNovember 10, 2011 at 9:40 PM

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

    ReplyDelete
  54. LindaNovember 24, 2011 at 11:28 AM

    Kenape tak jadi ?

    ReplyDelete
  55. Fiza Domo :)November 27, 2011 at 12:17 PM

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

    ReplyDelete
  56. NurfarahNovember 27, 2011 at 2:48 PM

    @fiza :)

    replace dan tukarkan URL GAMBAR

    ReplyDelete
  57. Monster BabyDecember 6, 2011 at 10:20 PM

    Tak jadi lha kak =(

    ReplyDelete
  58. AnonymousJanuary 9, 2012 at 3:02 PM

    punya i tak menjadi,,,

    kod tak jumpa er,,

    ReplyDelete
  59. AnonymousFebruary 3, 2012 at 1:27 AM

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

    ReplyDelete
  60. NurfarahFebruary 6, 2012 at 10:14 PM

    @wany rizan


    undo balik tutorial ni :)

    ReplyDelete
  61. Cik MerahFebruary 20, 2012 at 4:54 PM

    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
  62. Cik MerahFebruary 21, 2012 at 1:28 PM

    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
  63. Haidah Amiera ZailandMarch 3, 2012 at 9:25 PM

    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
  64. Haidah Amiera ZailandMarch 4, 2012 at 11:26 AM

    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
  65. wawa othmanApril 11, 2012 at 11:47 PM

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

    ReplyDelete
  66. NurfarahApril 12, 2012 at 1:07 PM

    @wawa othman

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

    ReplyDelete
  67. AnonymousApril 14, 2012 at 1:57 AM

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

    ReplyDelete
  68. le lyaa adensApril 24, 2012 at 5:24 PM

    thanx 4 da tuto akak.. :)

    ReplyDelete
  69. Filzahh ♥April 28, 2012 at 12:08 AM

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

    ReplyDelete
  70. Filzahh ♥May 29, 2012 at 8:54 AM

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

    ReplyDelete
  71. Moonlight.June 1, 2012 at 5:33 PM

    Ianya menjadi . Thanks >

    ReplyDelete
  72. NaZiRaH @ EzyraJune 16, 2012 at 10:48 PM

    @hatitisu
    tak jadi...huhu

    ReplyDelete
  73. Ana DamiaJuly 8, 2012 at 1:57 PM

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

    ReplyDelete
  74. Ana DamiaJuly 8, 2012 at 2:00 PM

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

    ReplyDelete
  75. AnonymousNovember 2, 2012 at 8:37 PM

    nak cari dekat mana????

    ReplyDelete
  76. annanyiezFebruary 26, 2013 at 10:44 PM

    thankyouuuu :)

    ReplyDelete
  77. UnknownApril 15, 2013 at 6:53 PM

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

    ReplyDelete
  78. UnknownJune 14, 2013 at 7:40 PM

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

    ReplyDelete
  79. HannaOctober 10, 2014 at 9:15 AM

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

    ReplyDelete
  80. HannaOctober 10, 2014 at 9:15 AM

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

    ReplyDelete
  81. cherry ≥ω≤ October 13, 2015 at 11:01 PM

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

    ReplyDelete
  82. ShuuJuly 7, 2017 at 7:38 AM

    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 :)

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