5 Stylish Page Navigation Widgets for Blogger

5 Stylish Page Navigation Widgets for Blogger

3

Page Navigation is very important for every blogger or wordpress blog user, and we can create it easily with stylish and attractive design. Page navigation for wordpress blog is vital, the navigation links allow search engine to crawl more links to the site interior thoroughly. So this is good for Search Engine Optimization, by implementing a Search Engine Friendly site. And for blogger, eventhough blogger use different kind of site navigation - by searching method, but the page navigation provides easy way for user to access site contents. By this point, page navigation for blogger has a quite important role to make the site User Friendly.
It's quite simple to add page navigation for blogger, just follow these two easy steps below.

First, we need to know that by default blogger shows up to 20 contents per navigation. We may cut this number and customize it to our own preference by adding a little paramater. Find the codes below (open your template):

'data:label.url'
Replace with
'data:label.url + "?&max-results=6"'

If you find more than one codes, you may replace all codes found in your template so it should limit contents in search navigation, archives, and labels. The number 6 in red color shows limitation of how many contents per page will shows, then You may customize it to your liking.
Second, just put the CSS and script (find it with samples below) right exactly before the </body> code, it should look like this:

Before=>
</body>

... Put the downloaded script here!!
</body>...

Please also note, in the downloaded code you will find these codes:

<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

Just customize the red colored number and try to put the same value as the maximum content number that will appear on every page, see first step. Now, you may download the code and choose the page navigation style below:

Blogger Page Navigation Style - Lite Gray 

View Demo | Get the Code

Blogger Page Navigation Style - Black Mamba

View Demo | Get the Code

Blogger Page Navigation Style - Dark Blue

View Demo | Get the Code