Cara mengganti tulisan home previous dan next di blog dengan kata-kata
sendiri atau dengan gambar navigasi halaman. Salah satu cara untuk
menghias blog agar terlihat lebih rapi dan indah dipandang. Untuk blog
yang diatur kedalam bahasa indonesia biasanya tulisan navigasi
halamannya adalah beranda, posting lama dan posting baru dengan desain
asli blogger, kurang menarik menurut saya. Silakan lihat gambar dibawah
ini, atau untuk lebih jelasnya silakan lihat navigasi halaman blog saya
yang ada dibawah, karena navigasi jenis gambar seperti itu lah yang akan
saya bagikan di posting kali ini.
Jika sudah, silakan ikuti langkah-langkah dibawah ini.
- Login ke blog, dan pilih pengaturan template.
- Selanjutnya klik Edit HTML dan cari 3 kode Biru dibawah ini. Gunakan Ctrl F untuk mempermudah Pencarian.
1. expr:title='data:newerPageTitle'>
Keterangan: Posting Lebih Baru(Previous)
2.
expr:title='data:olderPageTitle'>
Keterangan: Posting lama(Next)
3.
Keterangan: Beranda(Home)
Jika hanya ingin mengganti tulisannya saja dengan kata-kata kita sendiri. maka ganti Format kode diatas menjadi seperti ini.
expr:title='data:olderPageTitle'>Selanjutnya
expr:title='data:newerPageTitle'>
Sebelumnya
Rumah
Ganti kode warna merah
dengan kata yang kamu inginkan. Untuk beranda/home ada 2 kode yang
sama, ganti kedua2nya. Selanjutnya Preview, jika sudah berubah baru
save.
Jika ingin mengganti tulisannya dengan gambar, maka tambahkan Url gambar, Contoh:
expr:title='data:newerPageTitle'>
expr:title='data:olderPageTitle'>
Kode warna Biru
itu URL gambar dengan tambahan formtanya. Beranda/home ada 2 kode yang
sama, ganti kedua2nya. Jika sudah, silakan dipreview dulu, klo sudah
berubah baru save.
Untuk mengganti dengan gambar lain, ganti url gambar, dengan url gambar yang kamu inginkan. Format gambar seperti dibawah ini.
Coba cari digoogle gambar, dengan kata
kunci icon home. Cari gambar yang ada pilihan ukurannya. Pilih gambar
ukuran 32 atau sesuai dengan yang kamu inginkan. Selanjutnya Copy
URLnya(klik kanan tepat digambar dan pilih copi URL gambar) dan masukan
kodenya di format kode diatas.
Salah satu web yang menyediakan icon
gambar adalah http://dryicons.com/icon/blue-velvet/home/ silakan dicari
gambar yang sesuai dengan yang kamu inginkan. Semoga Bermanfaat.
0 Comments
