Cara Mengganti Tulisan Navigasi Dengan Gambar

Kali ini kita akan belajar menghapus tulisan navigasi untuk menunjukan ke halaman berikutnya atau yang sesudahnya dan akan menggantinya dengan gambar navigasi pilihan sesuai selera kita. Sebagai contohnya, Anda bisa memperhatikan pada bagian paling bawah postingan blog ini maka ada gambar dua panah GIF yang mengarah ke kanan dan kiri serta gambar "home"di tengahnya jika Anda sudah berada di tengah-tengah postingan. Untuk membuatnya,langsung ikuti panduan-nya berikut ini : 1. Login di Blogger Anda 2. Masuk ke edit HTML 3. Selanjutnya cari kode : <data:newerPageTitle/>

4.Kalau sudah ketemu, ganti dengan code di bawah ini (untuk post sebelumnya/baru) :

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfI_x3Y6E5o5FIHTmIrwYi2HtNE3zg_vGe4R_hfzLqis9WiWEzBYB8bOpbFnT5H_CaBsJhfWp7qVSVKHehOkbvG5POolddVWM9Oy0sq9hwRvKndE9cpSeFqQAKavUqtvvDt5j5zhQIj28/'/> 5. Carilah kode <data:olderPageTitle/> dan gantilah dengan kode berikut (untuk post berikutnya/lama) :

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYp_sjjVO7tCsdv6XO7w1wgvmKYv4J0xDL6OS8WLzz-kLwnuVAK2laYa60r5_ZHgDQkYbaP3CKZjxlvYgyghhtYAX66KpMLPgrGRBmC2Js96BPQJKafM3LSVLpzv0qY0OWAri73S90lIc/'/> 6. Selanjutnya cara mengubah tulisan "home" /halaman depan dengan gambar rumah. Silahkan untuk mencari kode dan nanti Anda akan menemukan dua kode yang sama, dan pilihkah yang paling atas. contoh : <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:else/> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </b:if> ================================= Jadi yang harus Anda ganti adalah yang di bedakan dengan warna berbeda. Dan ganti dengan code : <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfflradZPCtf_DZfiuf1hyphenhyphenS0Rbd-D7ssLPjMx9xXNhZ_EH3TXIZni4fZXmkgjP2imVE43AC7qgzyvgbsFtF-asv980ovwa_6bB4arl9vLZUo9hlGlNP5QtXf3er4gvrPazSzPpw4xeH1o/' title='Home/Halaman Muka'/> 7. Simpan template Anda, dan selasai. Anda bisa menggantikan gambar kreasi Anda dengan mengganti link gambar di atas. Terima kasih semoga bermanfaat, . . .