How to add Number Page Navigation Widget in Blogger

Page Navigation widget is the need of every blogger template. we see that different blogger templates have different styles of  page numbering navigation bar. It commonly appeared below in all posts on the home page of a blog. This widget helps in jumping to previous posts of a blog or
turning to newer posts by single click. However you might have noticed that some professional blogger using numbering pagination widget along with newer post and older post button. This will only turn our blog design to professional looks but it will also helps to jump easily from page 1 to page 5 by single click. Previous day we have received several comments from our reader they want to know is there any way to add customize pagination widget with numbers along with the older post and newer post buttons. So to make them happy with best answer i was thinking why not to share a complete tutorial on adding customize numbering widget to blogger.  So, in this article we will show you how to add number page navigation widget in blogger blogspot.

Add Number Page Navigation Widget in Blogger

follow the below simple steps to add this widget in your blog. Please follow all the steps carefully to add this widget in blog. Let go how to add this numbering widget in blogger blog.

Step1:

1. Go to blogger Dashboard:


2. Go to template>>Edit/Html:


3. Now find for the below code:

='m

mobile-index-post' var='post'>

1. Now past the below given code before the above line:

b:includable id='page-navi'>
   

   

   
   

   

   

Step2: 

1. Now find for this code

1. Now Replace the above code with the below given code: