Tukar Newer post, Home dan Older post kepada icon

Sebelum:


Selepas:

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
expr:title='data:newerPageTitle'><data:newerPageTitle/>

 Bila dah jumpa, gantikan kod warna merah tu dengan kod di bawah (newer icon):
<img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>


4) Kemudian, dengan dengan menggunakan ctrl + F lagi, cari pula kod
expr:title='data:olderPageTitle'><data:olderPageTitle/>
 dan gantikan kod warna merah dengan kod di bawah (older icon):
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>


5) Sekali lagi, dengan menggunakan ctrl + F, cari kod

expr:href='data:blog.homepageUrl'><data:homeMsg/>

dan gantikan kod warna merah dengan kod di bawah (home icon):

<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>

Nota:
Pada url berwarna biru, korang masukkan url icon yang korang nak. Search icon tersebut dekat google or mana-mana image hosting. Ataupun just ambik icon yang disediakan di bawah:

(Untuk dapatkan url image, right click pada icon > copy image location )











Credit icon - azhafizah.com

6) Lastly, klik preview, dan jika tiada error, klik save template.

Selamat mencuba! :)

34 comments:

  1. @Farah Syarafana tak boleh? try buat slow2 ye, sure boleh :)

    ReplyDelete
  2. sy bwat pon xbleyh jgax . =(

    ReplyDelete
  3. mmg x jadi pun . seriously ,. sy dh cuba hmpir 10x . tapi still gagal. then sy cuba ikut tutorial from Nieysa, sekali je buat trus jd . Nie alamat blog dia . http://nieysasyahirah.blogspot.com/2011/02/tutorial-tukar-olderpost-newerpost-dan.html .ermm, sy rasa tutorial anda mungkin ada kesilapan . check balik ya? .. ape pun servis yg lain ttp superb . tQ .

    ReplyDelete
  4. @Tiz Zetty a'ah betul, ada kesilapan coding skit..terima kash coz bagitahu, dah diperbetulkan.. :) sory semua,hu2

    ReplyDelete
  5. x jadi pon .. sebab bile tekan " ctrl ad f " serentak kua search tu , pastu x dapat nak cari kod tu .. please help me ..

    ReplyDelete
  6. cantiknye awak suka suka suka suka

    ReplyDelete
  7. xleh yg time home icon tu knapa yee

    ReplyDelete
  8. yg sy lak utk ltk home xley . yg older n newer post dh jd tp home jer xley ?? :(

    ReplyDelete
  9. npew sye try tekan ctrl+F x jadi ea ? ponat den torai.. heheehee

    ReplyDelete
  10. @MaLis ctrl+F adalah fungsi search yang terletak di keyboard. kalau tak jadik jugak, mybe ada masalah keyboard tu,he2

    ReplyDelete
  11. saya wt x jdi pon

    ReplyDelete
  12. TANX . JADI DAA

    ReplyDelete
  13. wah, makasih ya kak :D keren :) yang aku bisa :3 mampir ya ke blog aku :) http://yangpentinghepii.blogspot.com :D

    ReplyDelete
  14. dear...thz tuto ny ek..tp pic yg ke3 tu xde older..
    hihihih..tu cute...:)

    ReplyDelete
  15. alhamdulillah..saya buat jadi jerr...thank Q so much!

    ReplyDelete
  16. jadi..thanks!!..^^..sukasuka..

    ReplyDelete
  17. thanks,,, berjaya... like bnyk2...

    ReplyDelete
  18. hai saya org baru dlm dunia blog nih.. blog ni sgt membantu thanks. sangat menjadi thanks...

    ReplyDelete
  19. ten q,, jadik,,,
    http://manisgurl.blogspot.com/
    jemputla,,, tgok2

    ReplyDelete
  20. admin.. sy wat menjadi..thank!tp ada picture yg paling bawah tu yg color pink tu utk image 'never' admin wat private so mmg xkuar kat blog sy....terpaksa la sy ambil image lain..

    ReplyDelete
  21. Jadi . Thankyou :) Nice Blog :)

    ReplyDelete
  22. @Tiz Zetty sye buat skali jew. awk yg slah buat -,-

    ReplyDelete
  23. dah buat .. tp yg newer post xkuar.. huhu.. dah copy balik pon xleh..

    ReplyDelete

Komen kat sini ye.. ^_^