ScreenShot049 How To Add Page Number navigation to blogger(4 diff styles)
 I discussed so many times in my previous posts..like Dropdown menu widget. ,how much important is Easy Navigation for your Blog or site..here i’m sharing a gadget to show page number navigation to your blog homepage..like 1 2 3 and so on so that it make easy for your visitor to navigate through your blog.

Follow some simple steps to implement…
1. Just login to your Blogger Dashboard.
2.go to Design>Edit HTML (back up first)
3.select any style below,copy the code given  and paste it above ]]></b:skin>

STYLE 1ScreenShot049 How To Add Page Number navigation to blogger(4 diff styles)
STYLE 1 CODE

STYLE 2
ScreenShot050 How To Add Page Number navigation to blogger(4 diff styles)
STYLE 2 CODE

STYLE 3
ScreenShot051 How To Add Page Number navigation to blogger(4 diff styles)
STYLE 3 CODE

STYLE 4
ScreenShot052 How To Add Page Number navigation to blogger(4 diff styles)
STYLE 4 CODE



4. Now search for code </body> and paste the given code above it.


In previous code you can change Prev and Next Text.

var postperpage=7;
var numshowpage=4;

Postperpage : How many Posts you want to show on one Page of blog.
Numshowpage : how Many number will show in Your page Navigation

e.g. If you want to show 5 posts per page then change var postperpage=7; to var postperpage=5;

Ppreview ,Save your Template.



One more thing you need to do that is Label Fix (Customization)


Again go to Design>Edit HTML>check expand widget box
now search for ‘data:label.url’


And replace it with


‘data:label.url + &quot;?&amp;max-results=7&quot;’


Again here you have to change 7 to 5 if you want to show 5 posts per page.

Save your template impress your visitors .
 How To Add Page Number navigation to blogger(4 diff styles)

About Abhi Balani

Abhishek Balani has written 516 post in this blog.
Hello reader, I'm +Abhi Balani, owner of this blog. I'm a future Computer Engineer and a part time blogger as well. Love to connect with others. Boy with so many dreams. I try to give best blogging tips on my blog OddBlogger.com

Related posts:
  1. How to hide Navigation Bar in blogger
  2. Adding Number Of Views For A Article
  3. Add designer Horizontal menu on blogger
  4. Add Related Posts to blogger every post
  5. What Is SERPs ( Search Engine Page Results)?