Salam blogger..!!
Dalam
tutorial blogger Kali ini saya akan share topik:
Cara mengganti navigasi page dengan icon Navigasi page /halaman letaknya ada di halaman posting paling bawah. kalo sobat perhatikan, dibawah halaman posting terdapat
anchor text :
posting lebih baru | Beranda | posting lebih lama . Nah
Anchor text itulah yang disebut
navigasi page/halaman .
Untuk lebih memperjelas silahkan sobat perhatikan gambar di bawah ini:
Cara mengganti navigasi page dengan icon ,
Langkah-langkah untuk mengganti navigasi page dengan icon:
1. Seperti biasa Login dulu ke akun blogger sobat.
2. Pilih rancangan > Edit Html.
3. Biasakan untuk backup template. caranya: klik
download template lengkap
4. Centang
Expand Template Widget.
5. Cari kode <data:newerPageTitle/> untuk memudahkan pencarian gunakan tombol Ctrl+F atau F3. Selanjutnya ganti kode tersebut dengan:
<img src='http://photoserver.ws/images/Flnq4f7da6e796629.png' alt='Hosted on Photoserver.ws'/> Catatan: Langkah ini untuk mengganti anchor text posting lebih baru atau newer. Untuk link imagenya bisa diganti dengan link image sobat.
6. Cari lagi kode
<data:olderPageTitle/> , lalu ganti kode tersebut dengan kode di bawah:
<img src='http://photoserver.ws/images/PMrJ4f7da6e7a5ca8.png' alt='Hosted on Photoserver.ws'/> Catatan : Langkah ini untuk mengganti anchor text posting lebih lama atau older.
7. Selanjutnya carilah kode
<data:homeMsg/> , lihat contoh dibawah :
-------------------------------------------
<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>
------------------------------------------- Ganti kode
<data:homeMsg/> yang pertama (warna merah) dengan kode :
<img src='http://photoserver.ws/images/uH9R4f7da6e1a2234.png' alt='Hosted on Photoserver.ws'/> Catatan : Langkah ini untuk mengganti anchor text Beranda/Home
8. Lihat Pratinjau terlebih dahulu, untuk jaga-jaga bila terjadi kesalahan.
9. Save/simpan template.
Dan lihat hasilnya.....
Cara mengganti navigasi halaman dengan icon
Semoga bermanfaat..!!!