Mengganti Navigasi Next-Prev dengan Image

Mengganti Navigasi Next-Prev dengan Image | Tutorial Blog

Untuk merubah tampilan Navigasi Next-Prev, kita dapat menggantinya dengan Image / Gambar, bisa juga kita ganti dengan judul postingan, untuk kali ini kita bahas Cara Mengganti Navigasi Next-Prev dengan Image / Gambar.
Berikut Cara Mengganti Navigasi Next-Prev dengan Image / Gambar :
  1. Login ke Blogger anda, Plih Design/Rancangan > Edit HTML.
    Mengganti Navigasi Next-Prev dengan Image
  2. Lalu centang Expand Widget Template.
    Mengganti Navigasi Next-Prev dengan Image
    Tips : Biasakan membackup / mendownload template Anda sebelum di edit.
  3. Cari kode berikut:
    Prev
    <data:newerPageTitle/>
    ganti dengan
    <img alt="newer post" src="URL-IMAGE-PREVIOUS" border="0" />
    Next
    <data:olderPageTitle/>
    ganti dengan
    <img alt="older post" src="URL-IMAGE-NEXT" border="0" />
    Home
    <data:homeMsg/>
    ganti dengan
    <img alt="home" src="URL-IMAGE-HOME" border="0" />
    Untuk icon Gambarnya bisa Sobat gunakan yang ini:
    Mengganti Navigasi Next-Prev dengan Image
    Home : http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/home.png
    Mengganti Navigasi Next-Prev dengan Image
    Prev : http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/newerpost.png
    Mengganti Navigasi Next-Prev dengan Image
    Next : http://i1193.photobucket.com/albums/aa345/bakulatz/dya21/Optimize/oldpost.png
    Bisa juga menggunakan icon Sobat sendiri.
  4. Terakhir, klik Save Template.
    Mengganti Navigasi Next-Prev dengan Image
Untuk hasilnya dapat Sobat lihat gambar berikut,
Sebelum
Mengganti Navigasi Next-Prev dengan Image
Sesudah
Mengganti Navigasi Next-Prev dengan Image
Selamat mencoba dan semoga berhasil...

Komentar

Postingan populer dari blog ini

Share Blogger Post Automatically to Facebook using IFTTT

Daftar Situs Web Directory Auto Approve 2015

Sejarah Epoxy | Review Jasa Epoxy Lantai Fazura Epoxy Flooring