Senin, 05 Desember 2011

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...

Tidak ada komentar:

Posting Komentar