Navigasi Halaman Blog dengan Javascript

Page Navigation atau Navigasi Halaman berfungsi untuk mempermudah para pengunjung untuk menjelajahi blog kita dengan melihat halaman per halaman.
Bagi pengguna Wordpress, tentunya sudah tidak asing lagi dengan Page Navigasi seperti yang Anda lihat pada gambar disamping, karena biasanya template-template wordpress sudah menyediakan fasilitas ini. Bagi pengguna Blogspot, harus menambahkan sintak JavaScript dibawah ini.
berikut cara-caranya:

1. Login ke Blog Anda
2. pilih Rancangan
3. kemudian klik tab Edit HTML
4. masukkan kode dibawah ini sebelum kode ]]></b:skin>
   
   .showpageNum a { color:#FFF;padding:4px 10px; margin:0 2px; text-decoration:none; -webkit-border-radius:2px;- moz-border-radius:2px; background:#848484 } .showpageOf { color:#222; margin:0 6px 0 0 } .showpageNum a:hover { background:#222; color:#FFF } .showpagePoint { color:#FFF; text-shadow:0 1px 2px #333; padding:4px 10px; margin:0 2px; -webkit-border-radius:2px; -moz-border-radius:2px; background:#222; text-decoration:none }

   
   
   
5. selanjutnya letakkan kode dibawah ini sebelum kode </body>
   <script type='text/javascript'>
   var home_page=&quot;/&quot;;
   var urlactivepage=location.href;
   var postperpage=10;
   var numshowpage=7;
   var upPageWord =&#39;&#9668;&#39;;
   var downPageWord =&#39;&#9658;&#39;;
   </script>
   <script src='http://miscah.googlecode.com/files/pagenav.js'type='text/javascript'/>
   
   Keterangan:
   
   • var postperpage=10; adalah jumlah postingan dalam 1 halaman, sesuaikan dengan jumlah postingan Anda. jika jumlah postingannya 5 maka ganti angka tersebut dengan angka 5.
   • var numshowpage=7; adalah jumlah tombol Navigasi dalam satu halaman.
     
6. Jika sudah yakin, Simpan Templatenya...

Semoga berhasil, dan semoga ilmunya bermanfaat untuk Anda,,,,