pasang page number pada blog

pada kali ini saya akan share tutorial cara pasang page navigation number di blog.apa kalian sudah tau page navigation itu apa? menurut saya widget ini cukup penting untuk blog fungsinya melebih mudahkan user untuk jalan2 di blog kita dan juga blog kita kelihatan lebih cantik nah kalo belum tau widgetnya seperti apa liat tuh yang sama kyk blog saya ini yang di bawah itu  nih liat contoh gambar ini :

Step  :

1.masuk/login ke Blogger Dashboard

2.masuk ke Layout > Edit Html atau
ke template > edit html 
3. cari code di bawah ini dengan menggunakan F5 :

]]></b:skin>

dan replace/ganti dengan code di bawah ini :

showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }

]]></b:skin>




4.setelah itu cari code di bawah ini :



</body>


dan replace/ganti dengan code di bawah ini :
&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;
</body>

NOTE :

ganti sesuai yang anda inginkan :
var postperpage=7;
var numshowpage=4;


var postperpage=7 : berapa banyak post yang akan di tampilkan 


var numshowpage=4; : berapa banyak nomber yang akan di tampilkan










5.save template dan lihat hasilnya