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):
Second, just put the CSS and script (find it with samples below) right exactly before the </body> code, it should look like this:
Additonally, you may change different style of page navigation button by simply change the CSS code. This is cool, when you get bored with the old style button just replace it with a new one. But remember just replace the style, and the rest won't be necessary. That's all, I hope you all like it.
If you are using wordpress, you can see how to create page navigation for wordpress here, which is certainly not using plugin. You can create one as easy as this page navigation for blogger.
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'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.
Replace with
'data:label.url + "?&max-results=6"'
Second, just put the CSS and script (find it with samples below) right exactly before the </body> code, it should look like this:
Before=>Please also note, in the downloaded code you will find these codes:
</body>
... Put the downloaded script here!!
</body>...
<script type='text/javascript'>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:
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
Blogger Page Navigation Style - Lite Gray
Blogger Page Navigation Style - Black Mamba
Blogger Page Navigation Style - Dark Blue
Blogger Page Navigation Style - Sweet Orange
Blogger Page Navigation Style - Shadowed Green Ruby
Additonally, you may change different style of page navigation button by simply change the CSS code. This is cool, when you get bored with the old style button just replace it with a new one. But remember just replace the style, and the rest won't be necessary. That's all, I hope you all like it.
If you are using wordpress, you can see how to create page navigation for wordpress here, which is certainly not using plugin. You can create one as easy as this page navigation for blogger.