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!

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. 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
  5. templete ? apa tuuuu ? HAHA . tlg aja macam mn nak letak bnde alah tuu . tlg-3 ! :(

    ReplyDelete
  6. @hatitisu

    templete tu mcm theme..theme apa awak guna?

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

    ReplyDelete
  8. npe taa kuar gmbr ue bile kite da save?

    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. nak amek link pic tuu kadd mane ?

    ReplyDelete
  19. 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
  20. Kak Farah . Code tu takde pon dekat template . macam mana ye ? :D

    ReplyDelete
  21. @Umi Suhada

    sudah tick expand widget?

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

    ReplyDelete
  22. 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
  23. akak camner nak center ken title post tu??

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

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

    ReplyDelete
  26. punya i tak menjadi,,,

    kod tak jumpa er,,

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

    ReplyDelete
  28. 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
  29. 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
  30. 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
  31. 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
  32. saya selalu mempunyai masalah untuk mencari 'expand widget...' tu. help! tak jumpak!

    ReplyDelete
  33. @wawa othman

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

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

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

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

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

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

    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

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

Terima kasih lepak sini, nanti datang lagi yer..
Sayang Korang...





Related Posts Plugin for WordPress, Blogger...
 
Copyright © 2016 Blog Cik Nurfarah. All Rights Reserved. Designed by Blog Cik Nurfarah.