Cara Mudah Membuat Page Navigation di Blog dengan Angka

Page Navigation(Halaman Navigasi) atau bisa disingkat PageNavi inisangat berguna bagi kawan untuk mengeksplorasi halaman-halaman pada blog. Kebanyakan blog tertera "older post" untuk menandai tiap halamannya, Cara Mudah Membuat Page Navigation di Blog dengan Angka ini dapat membantu kawan untuk mengubah "older post" menjadi gambar dibawah ini.

Jika kawan ingin Page Navigation angka seperti gambar diatas, caranya sangat mudah. Cara Mudah Membuat Page Navigation di Blog dengan Angka

1. Login dan masuk TEMPLATE
2. EDIT HTML pada template KAWAN.
3. Kemudian cari kode ]]></b:skin>
<style type="text/css"> /* ----- Page Navigation styles ----- */ .showpageNum a { padding: 2px 5px; margin:0 5px; text-decoration: none; border:1px solid #ccc; -webkit-border-radius:3px;-moz-border-radius:3px; background: #eee; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #ccc; background: #ddd; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 2px 5px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; }


4. Selanjutnya tempatkan kode di bawah ini persis di atas kode ]]></b:skin>
5. Cari kode </body>
6. Kemudian letakkan script dibawah ini di atas kode </body> tersebut
<style type="text/css"> <!--Page Navigation Start--> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=4; var numshowpage=6; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='https://wajooscript.googlecode.com/files/pagenavi.js' type='text/javascript'/> <!--END Page Navigation -->

7. SIMPAN TEMPLATE.

Semoga Cara Mudah Membuat Page Navigation di Blog dengan Angka menjadi solusi kawan untuk mengubah pagenavi menjadi angka.