Sunday, October 18, 2015

TUTORIAL : Tukar Newer post, Home dan Older post kepada icon



Tutorial Untuk :

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 ) 







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




Selamat Mencuba =)

No comments:

Post a Comment

TUTORIAL : Cute Cursor

Tutorial Untuk :