Cara Mengganti Navigasi Next Previous

• min read

Table of Contents

Bangiz - Ada beberapa jenis navigasi pada blog, salah satunya ialah navigasi untuk menampilkan postingan terbaru dan postingan sebelumnya, ada juga yang menambahkan link atau tombol beranda. Pada umumnya penempatan navigasi ini ialah di bagian bawah postingan. Pada tema bawaan Blogger, navigasi ini disebut juga dengan newerPageTitle dan olderPageTitle.

Di sini ada tiga hal yang bisa Anda pelajari, yaitu:

A. Merubah kata Home, Newer dan Older

B. Menambahkan gambar di samping Home, Newer dan Older

C. Mengganti Home, Newer dan Older dengan gambar

Gambar keren / ilustrasi

Jika Anda tertarik untuk mengganti tulisan maupun menambahkan gambar, ikuti saja caraya berikut ini:

1. Masuk ke dasbor Blogger > Template > Edit HTML.

2. Gunakan Ctrl + F dan temukan kode berikut:

    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

A. Merubah kata Home, Newer dan Older

Untuk merubah kata-kata di atas, Anda hanya perlu mengganti kode yang berwarna merah di atas dengan kata yang Anda inginkan

ganti <data:newerPageTitle/> contoh: Selanjutnya atau NEXT POST

ganti <data:olderPageTitle/> contoh: Sebelumnya atau PREVIOUS POST

ganti <data:homeMsg/> contoh: Beranda, Home atau HOMEPAGE

B. Menambahkan gambar di samping Home, Newer dan Older

Untuk menambahkan gambar, Anda hanya perlu menambah kode link gambar yaitu

<img src="Alamat URL"/>

Hasilnya nanti seperti ini

<img src="Alamat URL"/><data:newerPageTitle/>

Catatan: ganti Alamat URL dengan alamat URL gambar yang Anda inginkan

C. Mengganti Home, Newer dan Older dengan gambar

Cara mengganti ke-3 hal di atas, tambahkan kode berikut:

<img src="Alamat URL"/>

--> ganti Alamat URL, dengan URL gambar
--> ganti kode yang berwarna merah pada no. 2 dengan alamat URL, contoh

ganti <data:newerPageTitle/> dengan gambar untuk posting selanjutnya.
ganti <data:olderPageTitle/> dengan gambar untuk posting sebelumnya.
ganti <data:homeMsg/> dengan gambar untuk home atau beranda.

3. Jangan lupa simpan dan lihat hasilnya.

Sekian blogging tips kali ini tentang bagaimana cara mengganti atau merubah navigasi next post dan previous post pada blog. Jangan lupa ikuti +Bangiz untuk mendapatkan info menarik lainnya.