Cara Membuat icon Newer, home dan older post

Biar Blog kelihatan lebih menarik kali ini aufa mau bagi sedikit ilmu Cara membuat icon NEWER, HOME dan OLDER Post pada blog, caranya :

1. Seperti biasanya masuk/log in ke account blog anda

2. Lalu pilih Dashboard > templates > edit templates

3. Setelah itu dengan menggunakan crtl+f cari code berikut :

expr:title='data:newerPageTitle'><data:newerPageTitle/>
4. Jika ketemu ganti tulisan <data:newerPageTitle/> dengan menggunakan code ini

img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png" 

contoh yang sudah jadi (anda bisa langsung copy paste code berikut) :

expr:title='data:newerPageTitle'><img src="http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png"/>

5. Masih dengan menggunakan ctrl+f cari code berikut :

expr:title='data:olderPageTitle'><data:olderPageTitle/>

Sama seperti penjelasan no 4 gantikan code <data:olderPageTitle/> dengan menggunakan code berikut

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

6. Langkah berikutnya Masih dengan menggunakan ctrl+f cari code berikut :

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

Masih sama seperti penjelasan sebelumya gantikan code <data:homeMsg/> dengan menggunakan code berikut :

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

Setelah semua langkah di atas selesai coba PREVIEW dulu sebelum anda save templates dan anda bisa lihat hasilnya, cukup mudah bukan...!!!

 

Selain menggunakan icon di atas, anda bisa mencoba dengan tulisan berikut codenya :

1. Newer : <img src="http://img26.imageshack.us/img26/1240/yellownewer3.png"/>

2. Older  : <img src="http://img638.imageshack.us/img638/9353/yellowolder3.png"/>

3. Home  : <img src="http://img856.imageshack.us/img856/1944/yellowhome3.png"/>

Good Luck