Secara default setiap blogger template mempunyai navigasi older – newer teks link. Tulisan link tersebut akan terdapat dibawah artikel yang akan menuntun pembaca mengakses postingan sebelum atau sesudah artikel yang sedang dibaca. Tapi, karena hanya dalam bentuk tulisan kadang – kadang kita sudah terlewat mengkliknya. Untuk lebih eye catching, kamu bisa menggantinya dengan navigasi dalam bentuk gambar.

Kamu butuh website seperti photobucket atau imageshack yang bisa menyimpan gambar navigasi kamu dengan gratis. Tutorial khusus untuk pengguna blogger ini butuh keahlihan yang sudah tingkat advanced, jadi saya sarankan untuk membackup konten dan template kamu sebelum mengutak – atik kode html.

1. Klik tombol Edit HTML dibagian Template.

2. Di jendela HTML, klik Edit Template.

3. Sekarang cari ( Ctrl + F ) kode dibawah ini:

}
#blog-pager-newer-link {
float: left;
display;none
}
#blog-pager-older-link {
float: right;
display;none
}
#blog-pager {
text-align: center;
clear:both;

Hapus bagian display;none supaya untuk template yang navigasi teks linknya tidak ada akan muncul.

Kemudian cari kode – kode yang disebelah kiri dibawah ini dan dan ganti dengan kode – kode yang disebelah kanan.

<data:olderPageTitle/> ganti dengan kode ini: <img border=’0′ src=’[url gambar]‘/></a>
<data:newerPageTitle/> ganti dengan kode ini: <img border=’0′ src=’[url gambar]‘/></a>
<data:homeMsg/> ganti dengan kode ini: <img border=’0′ src=’[url gambar]‘/></a>

4. Preview template dan lihat apakah navigasi gambar sudah muncul atau tidak.

Semoga berhasil ya…