Tuesday, October 23, 2012

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

mm:



0 comments:

Post a Comment

Blog Dian Alm II © 2008. Template by: Infonetmu