Home » , » Mengganti Navigasi Next-Prev dengan Image

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

PENTING!!!
ANDA TIDAK BEKERJA? INGIN TAHU INFORMASI LOWONGAN KERJA TERBARU DI KOTA ANDA? KUNJUNGI LOWONGAN KERJA TERBARU DISINI
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Delta Komputer

0 komentar:

Posting Komentar

 
Support : PING by :Ping-o-Matic | Pusat Promosi
Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
Template Modify by Creating Website
Re Design by Bang Aris