Friday, October 28, 2011

Add Page navigation bar it's vary symple | Blogging tips

Hello my friends, today we learn how to add page navigation bar in a blog site. It most important for any blogger. Pagenav bar make our blog site so beautiful. When a visitor visits a blog site they usually seen in our homepage. But sometimes they want to read our 'older post'. When you can apply Page Navigation Bar it's look like this picture (given bellow).




It's vary easy. Go Template>Edit Html. and press Ctrl+F3. Now write </body> and find it in your template. Now don't be late. copy this code and past before </body>.
<!--PAGINATION-STARTS-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=3;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/>
<!--PAGINATION-STOPS-->

Now save your template. Reload your blog site and you are done.

Note: Your post must be 5+. Then this code work.

0 comments:

Post a Comment

Please leave a comment