CARA MENGGANTI NAVIGASI PAGE DENGAN ICON
Dalam tutorial sekarang saya akan share topik : Mengganti Navigasi Page Dengan Icon.
Navigasi page / halaman letaknya ada di halaman posting paling bawah. kalau kalian 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 jelas silahkan sobat perhatikan gambar di bawah ini :
Screenshot yang akan tampil.
Langkah-langkah untuk mengganti navigasi page dengan icon:
1. Login / Masuk blogger kalian.
2. Pilih rancangan > Edit Html.
3. Jangan lupa kasih centang Expand Template Widget
4. Lalu cari code seperi ini : <data:newerPageTitle/>
5. Ganti code yang di atas dengan code di bawah ini :
<img src='4.bp.blogspot.com/-4_BoO39RqJI/T4_03JW-VlI/AAAAAAAABtE/PPPI-wE_sw0/s320/nkk.png
' alt='Hosted on Photoserver.ws'/>
6. Cari code yang seperti ini : <data:olderPageTitle/> dan ganti dengan code yang di bawah.
<img src='1.bp.blogspot.com/-_URwyzO93F8/T4_0RYiK-HI/AAAAAAAABs4/C09Zs5-pp2I/s320/n.png' alt='Hosted on Photoserver.ws'/>
7. Cari code seperti ini : <data:homeMsg/>
<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>
Catatan : code yang berwarna Hijau akan muncul beberapa kali pilih lah sesuai dengan code di atas .
Lalu ganti code ini <data:homeMsg/> dengan code yang di bawah :
<img src='4.bp.blogspot.com/-5WKNf53YEIw/T4_zFkLo5TI/AAAAAAAABss/6k_wQjiEjqo/s320/ggg.png' alt='Hosted on Photoserver.ws'/>
Lalu simpan Template dan lihat hasilnya.
mungkin buat pemula akan masih kebingungan` bila terjadi kesalahan atau kurang paham beri komentar di bawah postingan ini.
Semoga berhasil.
>
Show
0 Comments
prev
next
