Cara Membuat Page Navigation

Untuk membuatnya :

1. copy html dibawah ini 

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6Kx1WKfjGrN3iBHlwzWa4SMhC5GQC-3G5NGbSQYUoc7SKJ2IAEWZ6siLRABr1SmAplq3GB9MH8wFrY_GhqB8NCzQ4AYxDSrfqcgTMQbWzRVftbNfDmOae1JvJI0K99ci6zq9HrCCBeY/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6Kx1WKfjGrN3iBHlwzWa4SMhC5GQC-3G5NGbSQYUoc7SKJ2IAEWZ6siLRABr1SmAplq3GB9MH8wFrY_GhqB8NCzQ4AYxDSrfqcgTMQbWzRVftbNfDmOae1JvJI0K99ci6zq9HrCCBeY/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6Kx1WKfjGrN3iBHlwzWa4SMhC5GQC-3G5NGbSQYUoc7SKJ2IAEWZ6siLRABr1SmAplq3GB9MH8wFrY_GhqB8NCzQ4AYxDSrfqcgTMQbWzRVftbNfDmOae1JvJI0K99ci6zq9HrCCBeY/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq6Kx1WKfjGrN3iBHlwzWa4SMhC5GQC-3G5NGbSQYUoc7SKJ2IAEWZ6siLRABr1SmAplq3GB9MH8wFrY_GhqB8NCzQ4AYxDSrfqcgTMQbWzRVftbNfDmOae1JvJI0K99ci6zq9HrCCBeY/s1600/darkblue.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBtWNrNDGPFCyngbTeOeNnR3zIDlESjZ8pjJAq-9Voh1oqvPhR1AvVPzIxicp5t2Hc4Q-2a54YDJgbgDkwluzeItLW1BJxVN841LMfv7WmM9A5CPVDTbGoeW3YffXAiciVmIhfuuHAI0M/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

2. Masuk ke akun blogger sobat
2. masuk ke pengaturan, tata letak
3. Pilih tambah gadget 
4. pilih html/javascript
5. masukkan html yang telah anda copy disitu
   
   
   
   
   paste code yg udah di copy tadi di kolom ini, dan simpan..!!
6. selamt mencoba.. ^_^