"
Cara Mengganti Tulisan Navigasi Blogger dengan Gambar".
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.
Jika teman-teman tertarik untuk membuat yang seperti itu silahkan untuk login dulu ke akun blogger.
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/AVvXsEiAEPgAPALvTvraaJr_mwyzOmPbRAQ9wAEv_uDL8L6d9a3XzLNWXyIVPkobOjbrE9719T9r7RTsH4QUUz0h1jo018DVYUkwJyDuGoXVzYGC634wlVrCyCsYJqS9iS3jGhxyDfrg1pj8PwI/'/>
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/AVvXsEiwyzy_s9Hv337DI1d-jUKjP9PN_in0dNnq8OfuKqX3hXHGMRFsjwBsg_yU97tnpEdBgNrGgd5gqsP4cE4YG6xbQSFvVFS0QYIj9N7-5pSTg1FgYoEiJCCsFb0fTit5pYsRQUCDI43oQco/'/>
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/AVvXsEjBANXI6fL-C8k0rpIDh4dSiMv67w8Fz89_NcK_a1ZCKmONE79dojoUgWUwy-p882d03myArK5Xoy9MTaoxDEiT7tXcd0uL5x_rwbaGcH1dgrZiFlYeuiUSjtgTKiKDzRLy9vA7rBUkTUk/'
title='Home/Halaman Muka'/>
Dan nanti tampilan tulisan home/halaman depan akan tergantikan dengan gambar:
6. Kalau sudah selesai, jangan lupa klik
simpan template.
Silahkan untuk melihat tampilan blog anda, dan agar ketiga gambar
tersebut bisa anda lihat maka cobalah untuk mengklik postingan mana saja
yang ada di blog teman-teman dan usahakan pada postingan yang bukan
paling pertama maupun postingan yang terakhir
Jika teman-teman memilki gambar sendiri untuk mengganti tulisan
newer,
older post, serta
home/halaman depan - silahkan untuk mengganti URL gambar milik saya dengan URL gambar pilihan milik teman-teman (
kalau mau lho, kalau nggak ya nggak apa2^),
sumber :
http://caturpuji.blogspot.com/
