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
Beranda
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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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.
Loading...
 
Top