How to Add Numbered Page Navigation Widget for Blogger / Blogspot

How to Add Numbered Page Navigation Widget for Blogger / Blogspot
Page Navigation is awesome widget which enables page number navigation to visitors. You might have seen numbered page navigation on many Wordpress blogs. There is simple JavaScript which enables your older posts, newer posts & home links to numbers. Have you seen that older posts, newer posts & home links are boring feel.


See bellow for better preview


Pages (6)Previous 123456 Next


How to add this to Blogger layout:-

I am giving best customizing options to this widget

Note:-Choose colors for your convenience you feel good.
  1. Customize Settings Bellow
  2. Click on Generate Button
  3. Then finally Click on Add to Blogger Button to add as a Widget




Contact me for any Help regarding this widget and other blogger related problems via Comments


13 comments:

vdshare said... October 4, 2010 4:26 PM

very Good Thanks....

View My Blog | http://vdshare.blogspot.com/

Dr. Neal said... October 11, 2010 7:56 AM

Thank-you for this info..it looks great on our page..
Dr. Neal

www.coindocere.com

Jason Andrews said... October 11, 2010 12:17 PM

Wow this worked like a charm thax so much.

Jason Andrews said... October 13, 2010 7:23 AM

Hey thax again. I notice that it works great on the homepage but sometimes when i click on different post it goes back to what i had. Is there a way to fix this?? Thax again.

Admin said... October 24, 2010 3:00 PM

Thank you..good tips...
using at my site now.. =)

Oh! Awek Comel

asaf said... October 26, 2010 1:33 AM

it works well but once i move the widget under the blog title it disappears...
is there a way to present this navigation bar under the title and above the post?

thanks!
asaf

Studio817.net said... December 13, 2010 4:01 PM

it isnt work correct.

show only 72 page

i had 1000 post / pageCount=7

it must show 142 page

Ashray Anand said... July 6, 2011 11:36 AM

hello i am using this blog www.hackingbeast.in and it is not showing me the numbers page navigation please help me or mail me at ashrayanand@hackingbeast.in plz mail me please

Harish said... July 6, 2011 12:11 PM

@Ashray Anand
your page navigation is hidden by CSS
for this Search for below code
#blog-pager {
after that you will see the below CSS property, just remove it and save your template
display:none;

A 2 Z Vegetarian Cuisine said... July 22, 2011 4:53 AM

Harish,
I added this widget in my blog, but seems like nothing working..I added it just like you add a page element in layout, where should I place it to work right?? Please help..

http://a2zvegetariancuisine.blogspot.com

WHILYN said... August 5, 2011 8:06 AM

Hi. I cannot see the page navigation for my blog
Really appreciate your help.

http://whilyn.blogspot.com

admin said... September 9, 2011 9:38 AM

how can we do http://khmerstar99.blogspot.com/

admin said... September 9, 2011 9:39 AM

hhi

Post a Comment

Drop Your Comments, Suggestions And Questions Below.
To Be Notified Of Replies Click The 'Subscribe By Email' Link Below The Comment Form.
Do Not Add Links To The Body Of Your Comment As They Will Not Be Published.

Copyright © 2011 All Rights Reserved - Privacy Policy / Contact Us / Sitemap

Blogger Template by Harish / Powered by Blogger