Mengganti Navigasi Next-Prev dengan Image

Baca Juga

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...

Subscribe to receive free email updates: