Ganti Newer post, Home dan Older post Dengan icon



Hello, Assalamualaikum
Lagi lagi gue akan memposting Tutorial Blog Hanya untuk Kalian Pembacaa :)
so lihat di Bawah ni 


Sebelum:



Sesudah:

Caranya:

1) Sign in akaun blogger

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

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

 Bila udah ketemu, gantikan kode warna merah  dengan kode 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 lagi kode
expr:title='data:olderPageTitle'><data:olderPageTitle/>
 dan gantikan kode warna merah dengan kode 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 kode

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

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

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

Nota:
Pada url berwarna biru, kalian masukkan url icon yang kalian mau . Search icon tersebut di google or di  image hosting. Ataupun ambil icon yang disediakan di bawah:


Black Newer :  Klik here for Image Url
Black Home   : Klik here for Image Url
Black Older   : Klik here for Image Url

 
Pink Newer : Klik here for Image Url
Pink Home  : Klik here for Image Url
Pink Older   : Klik here for Image Url
Blue Home  : Klik here for Image Url
Blue Older  : Klik here for Image Url


Pink Newer 2 : Klik here for Image Url
Pink Home 2  : Klik here for Image Url
Pink Older 2  : Klik here for Image Url



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

Selamat mencoba! :) 


No comments:

Post a Comment