Widget Navigasi Halaman

1. Setelah login di blogger, silahkan anda menuju Rancangan.
2. Kemudian klik tab Edit HTML.
3. Letakkan kode css berikut 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
   }
4. Dan letakkan kode berikut sebelum </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'/>
5. Kemudian Simpan Template.

Keterangan :

• var postperpage=10; adalah jumlah postingan dalam satu halaman, sesuaikan dengan jumlah postingan sobat, jika jumlah postingannya 5 maka ganti angka tersebut dengan angka 5.
• var numshowpage=7; adalah jumlah tombol navigasi dalam satu halaman.