How to Add Numbered Page Navigation in Blogger !!!

Blogger blog users had already noticed that that blogger blog does not have page number in their blog. Instead of page number blogger blog has Older Post , Home and Newer Post navigation system. Sometimes visitors and the admin of the blog may fall problem to navigate the blog properly in the traditional page navigation system.

If you add page number in your blog then it will be very helpful to navigate your blog page. In today's post I will show how to add page number in your blogger blog. Lets see how to do it.

Instruction to Add Page Number In Blog:

1. At first go to your Blogger Dashboard and click Layout.
2. Then click Add a Gadget and Copy and Paste the below Code in the Content Box.


style type='text/css'>#blog-pager{padding:10px 0;clear:both;} .showpageNum a {color:#333333;text-decoration:none;border: 1px solid #CCCCCC;margin:0 3px;padding:3px 7px;background-color:#FFFFFF;} .showpageNum a:hover, .showpage a:hover, .showpagePoint {color:#333333;border: 1px solid #CCCCCC;padding:3px 7px;background-color:#CCCCCC;margin:0 3px;} .showpageOf {color:#333;text-decoration:none;padding:3px 7px;margin: 0 3px 0 0;} </style> <script style='text/javascript'> var numshowpage=10; var postperpage =7; var upPageWord="Previous"; var downPageWord="Next"; var urlactivepage=location.href; var home_page="/"; </script> <script style='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_bloggerpagenavi.js'></script><span style="font-size: 55%;"><a href="http://livetechnologybd.blogspot.com/2014/02/add-page-number-in-your-blog.html" target="_blank">Get this Widget</a></span>


3. Then click the Save button.

That's it. Now go to your blog and you will see the Page Number Like Below.

Customization:

1. Number of Pages: In the above code var numshowpage=10 means how many pages will be shown on your blog. You can change the number 10 to any other number.
2. Number Of Posts: In the above code var postperpage =7 means how many post will be shown in per page. You can also change the number.

Other Post About Blogging.

1. How to Add Gadgets/ JavaScripts In Your Blog.
2. How To Increase Alexa Rank Using Alexa Traffic Widget.
3. How To Change The Favicon Of Blogger Blog.
4. How To Add Facebook PopUp Like box In Your Blog or Website.
5. How To Add Google Custom Search Box In A Blog or Website.

Please Share This Post or At-least Press  g+1  on Every Post

Stay with www.iTTimesbd.com for more IT related post