Kalau pada tutorial sebelumnya kita hanya menambah gambar tanpa menghapus tulisan navigasi yang ada, sedangkan untuk yang kali ini kita akan menghapus tulisan navigasi tersebut dan akan menggantinya dengan gambar navigasi pilihan kita. Sebagai contohnya, teman-teman 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.1. Klik Tata Letak
2. Dan jangan lupa untuk mencentang kotak "Expand Widget Template"
3. Selanjutnya carilah kode <data:newerPageTitle/> dan kalau dah ketemu ganti dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif58vlsNhzeC_YGzDGTqislo2pNPsOkkP8csuqsQJAE9btZSSwnWFjJoxgZZNGTqkmFicji2hcV4zXCzoN4g0TblqHPZCg8ftUvCqlXo7PIMBZ535-xuSszZjPVDadfDaPUlv006epUMw/'/>
maka tulisan newer post-nya teman-teman akan menjadi gambar:
4. Carilah kode <data:olderPageTitle/> dan gantilah dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPPrs9-b1wzzq5tiMBFp0LjHP6D8tESr4LdP4vo_wOaI08oHCtYOzhFkTVYkPiWRQ0mxlJrkWGCgSJ8Vt82LYX6oVP2IQxGsbP0r17u9fijq_QmkcM2WEWqAx3MTfrnGnO0Ve1R4fVIEA/'/>
Maka nanti tulisan older post pada blog teman-teman jadi seperti ini:
5. Selanjutnya cara mengubah tulisan home/halaman depan dengan gambar rumah. Silahkan untuk mencari kode <data:homeMsg/> maka nanti teman-teman akan menemukan dua kode yang sama, dan pilihkah yang paling atas - sebagai contoh, lihat susunannya berikut
-------------------------------------------
<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>
-------------------------------------------
maka yang telah saya tandai dengan warna kuning itu harus diganti dengan kode berikut
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKmweZft3IUakyU9u0aGvCEraNYnyKBU2pS-LV09bPGn8xTZMPZOr41PV7btXikU43Xtb9TyTKHsZupLhX4GE0zt3dYhQUwBP4YsRJeQwq_meKB8xbfIuPlLcSLShKexbl0_GG5A8_yoE/' title='Home/Halaman Muka'/>
Dan nanti tampilan tulisan home/halaman depan akan tergantikan dengan gambar:
6. Kalau sudah selesai, jangan lupa klik simpan template. Description: Cara Mengganti Tulisan Navigasi Blogger dengan Gambar Rating: 4.5 Reviewer: rifai - ItemReviewed: Cara Mengganti Tulisan Navigasi Blogger dengan Gambar
Dengan gambar memang sudah menarik, tapi kali ini kita akan belajar untuk membuat gambar yang sudah kita posting menjadi lebih menarik lagi. Yaitu dengan membuat efek drop shadown pada gambar. Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Tidak perlu mengedit gambar yang akan kita posting dengan photoshop. Tapi kita akan langsung membuat gambar yang ada di blog kita memiliki efek drop shadown.
