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 1

STYLE 1 CODE

STYLE 2

STYLE 2 CODE

STYLE 3

STYLE 3 CODE

STYLE 4

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 .

Leave a Reply