Tutorial : Tukar Newer post, Home dan Older post kepada Icon

February 18, 2013


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'/>

Note:


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) Akhirnya , save dan lihat hasilnya ! :D

You Might Also Like

0 comments

Related Posts Plugin for WordPress, Blogger...