Membuat Navigasi Nomor Halaman atau Page Number Pada Blog

Cara Membuat Navigasi Page Number atau Nomor Halaman Pada Blog. Perlu juga saya terangkan bahwa navigasi bernomor atau page number navigation ini biasanya diletakkan dibawahnya auto-readmore pada halaman utama atau homepage sebuah web atau blog. Fungsi dari navigasi bernomor atau page number navigation ini sangatlah penting dan membuat blog kita tampil lebih keren dan profesional. Dengan menggunakan navigasi ini maka bog kita akan lebih bagus dan jumlah total halaman yang ditampilkan juga bisa kita atur dengan page navigasi ini. Nah biar lebih jelas, berikut akan saya kasihkan screenshoot gambarnya:

Untuk langkah-langkah membuatnya ikuti step dan penjelasan berikut ini:
1. Login ke blogger, lalu back up dulu template kamu agar aman.
2. Pilih satu blog yang akan dikasih Page navigator.
3. Lalu Template dan klik Edit HTML setelah itu Proceed
4. Cari kode ]]></b:skin>
5. Paste kode berikut ini tepat di atas kode ]]></b:skin>

.showpageArea a { text-decoration:underline;}
.showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px;}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #001627;background:#3377b4;color:#fff;margin:2px;padding:3px 6px}

6. Selanjutnya cari kode </body>
7. Paste kode berikut ini tepat di atas kode </body>

<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=8;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://anduras-shop.googlecode.com/files/page-navigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->

8. Klik Save Template.

*Semoga bermanfaat...

Advertisement