Mengganti Navigasi Next-Prev dengan Image

Tutorial Blog

Untuk merubah tampilan Navigasi Next-Prev, kita dapat menggantinya dengan Image / Gambar, bisa juga kita ganti dengan judul postingan, untuk kali ini kita bahas Cara Mengganti Navigasi Next-Prev dengan Image / Gambar.

Berikut Cara Mengganti Navigasi Next-Prev dengan Image / Gambar :

1. Login ke Blogger anda, Plih Design/Rancangan > Edit HTML.
   
2. Lalu centang Expand Widget Template.
   
   Tips : Biasakan membackup / mendownload template Anda sebelum di edit.
3. Cari kode berikut:
   Prev
   <data:newerPageTitle/>
   ganti dengan
   <img alt="newer post" src="URL-IMAGE-PREVIOUS" border="0" />
   Next
   <data:olderPageTitle/>
   ganti dengan
   <img alt="older post" src="URL-IMAGE-NEXT" border="0" />
   Home
   <data:homeMsg/>
   ganti dengan
   <img alt="home" src="URL-IMAGE-HOME" border="0" />
   Untuk icon Gambarnya bisa Sobat gunakan yang ini:
   
   Home : http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/home.png
   
   Prev : http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/newerpost.png
   
   Next : http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/oldpost.png
   Bisa juga menggunakan icon Sobat sendiri.
4. Terakhir, klik Save Template.
   

Untuk hasilnya dapat Sobat lihat gambar berikut,

Sebelum

Sesudah

Selamat mencoba dan semoga berhasil...