Ingin blog lebih rapi dan profesional? Yuk pelajari cara membuat nomor navigasi halaman di Blogger dengan mudah!

Ilustrasi tampilan nomor navigasi halaman di Blogger

Cara Membuat Nomor Navigasi Halaman di Blogger agar Blog Lebih Rapi

Anda pernah lihat blog yang di bawah postingannya ada angka-angka 1, 2, 3, dst.? Nah, itu namanya nomor navigasi halaman. Dengan fitur ini, tampilan blog anda jadi lebih profesional dan rapi. Di artikel ini, kita akan bahas gimana cara memasang nomor page navigation di Blogger, lengkap dengan kode dan tipsnya!

Kenapa Nomor Navigasi Penting?

Biar pembaca nggak bingung cari artikel lama! Navigasi halaman bikin pengunjung bisa klik ke halaman-halaman sebelumnya tanpa scroll panjang-panjang. Ini juga bantu struktur blog anda makin SEO-friendly. Dulu sih cuma WordPress yang punya fitur keren ini, tapi sekarang Blogger juga bisa!

Dari Siapa Kode Ini Berasal?

Awalnya, plugin ini populer di WordPress lewat WP-PageNavi. Nah, komunitas Blogger juga nggak mau kalah. Muhammad Rias dari Techie Blogger mengembangkan versi awalnya. Tapi kemudian, Abu Farhan menyempurnakan script-nya biar lebih stabil dan fleksibel.

Langkah-langkah Pasang Nomor Navigasi di Blogger

  1. Login ke akun Blogger anda
  2. Pilih Template > Edit HTML
  3. Cari kode: ]]></b:skin> dan ganti dengan CSS navigasi berikut:
.showpageNum a {
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 3px;
  margin: 0 3px;
}
.showpageNum a:hover {
  background-color: #ccc;
}

Lalu cari kode </body> dan tambahkan script JavaScript berikut sebelum kode tersebut: 

<script type='text/javascript' src='http://makeuse.googlecode.com/files/blogger-page-navi.v1.js'></script>
<script>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

Optimalkan Navigasi di Halaman Label

Navigasi halaman biasanya nggak muncul di halaman label karena default-nya Blogger cuma nampilin 20 post. Solusinya, anda tinggal ubah kode label seperti ini: 

'data:label.url + "?&max-results=5"'

Atau jika anda pakai widget dari phydeaux3, ubah: 

a.href = '/search/label/'+encodeURIComponent(t)+ '?&max-results=5';

Ganti angka 5 sesuai jumlah posting yang mau anda tampilkan per halaman.

Kesimpulan

Jadi, kalau anda pengen blog tampil lebih rapi, profesional, dan mudah diakses pengunjung, pasang nomor navigasi halaman di Blogger itu langkah kecil dengan dampak besar. Tinggal copy-paste kode yang sudah dibagikan, sedikit ubah sesuai kebutuhan, dan... jadi deh!

Ayo Coba dan Share!

Kalau artikel ini bermanfaat, jangan lupa share ke teman-teman sesama Blogger, ya. Kalau ada yang bingung saat instalasi, tinggal komentar aja di bawah. Yuk sama-sama bikin blog kita makin kece!