Add Numbered Page Navigation Widget With DIfferent Styles For Blogger / Blogspot

Add Numbered Page Navigation Widget With DIfferent Styles For Blogger / Blogspot

Page navigation widget for blogger is most popular widget, and almost all bloggers are using this. as these widgets are only provided in wordpress blogs or hosted blogs.But now his hack has been made available in bloggers also Here is I am giving this Page Navigation Widget with Different styles, and full Customization options

How to Install This Widget On Blogger:-

  1. Customize the Given Options and Click on Generate button
  2. Click Add to Blogger button to add this widget on your Blog

Generate Widget

For further help and customization of this widget,  please leave a comment or Contact us, I will reach you as soon as possible.

Some Stylings and PageNavi Script by Abu Farhan. Widget Form by Me

Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.
  • b8e328ceaf1d720022becd07893cf3ccdelicious
Posted by Harish • on January 8, 2011 • in Blogger Hacks, Blogger Tricks, Blogger Widgets

34 Comments on “Add Numbered Page Navigation Widget With DIfferent Styles For Blogger / BlogspotAdd Comment

  1. January 8, 2011 5:32 pm #

    Bravo – its works Perfect and Correct (1500 post)

  2. Sarah January 9, 2011 3:55 pm #

    It's nice to see a different numbered page navigation widget out there. I didn't like the the other one I tried before, but this one is very simple to install. I'm definitely going try it out. Thanks for sharing. :)

  3. Gill February 19, 2011 4:51 pm #

    hi, plz help me to remove "grab this widget" link from page navigation code…

  4. Harish February 19, 2011 5:09 pm #


    Just add Css this code before ]] tag

    .w2b-pagenav{display:none !important;}

    and save template

  5. Gill February 20, 2011 3:30 pm #

    I did not understand this

    Just add Css this code before ]] tag
    .w2b-pagenav{display:none !important;}

    , will u explain little more…! thanks for response.

  6. Harish February 20, 2011 3:40 pm #


    first search for ]]</b:skin> tag
    then add below code just before it.
    .w2b-pagenav{display:none !important;}
    finally save template.
    that's all

  7. Gill February 20, 2011 3:51 pm #

    this does not work dear, plz help me.

  8. Harish February 20, 2011 4:05 pm #

    it is working prefect, i checked.
    give me your blog address
    I will check it.

  9. Gill February 20, 2011 4:28 pm #

    Yes it is working, that was my mistake, i did not put the things right, but now I had take over all the worries. Thanks for your co-operation.
    One thing more will u help me to put menu in the center of my blog with only 5 links.

  10. Harish February 20, 2011 4:34 pm #

    Hey Gill
    it is so simple. but once i observe the structure of your menu
    so give me your blog address. :)
    I will…

  11. ਅਮਨਜੀਤ ਸਿੰਘ ਗਿੱਲ February 20, 2011 5:22 pm #

  12. Gill February 20, 2011 5:25 pm #

  13. Gill February 21, 2011 1:14 pm #

    plz tell me that how i can make blog menu in punjabi….

  14. Harish February 21, 2011 1:29 pm #

    Please Contact Me @ Here

  15. Tanveer April 13, 2011 6:18 am #

    Really from bottom of heart thanks bro it worked me… and it was so easy :)

  16. meri_awaaz May 7, 2011 12:22 pm #

    Hi. My blog is located at

    After I installed this widget, 'comments' which used to appear at the end of each post have disappeared. I am NOT able to restore 'comments' even after removing your widget.

    Note: I do have selected to show 'comments' in "Page Element:options". However they are not displayed for some reason.

    Please help. Thanks.

  17. Harish May 7, 2011 12:31 pm #


    Go to Blogger Dashboard > Settings > Comments tab > Comment Form Placement : set to Embedded below post and SAVE SETTINGS

  18. Anonymous May 7, 2011 5:17 pm #


    Thanks for reply. Just tried it. Still I observe that 'comment' link which used to be there below each post has gone missing. Link is there for those post which already have comments.

    How would a visitor to blog make first comment? Thanks again.

  19. Harish May 7, 2011 5:35 pm #

    Edit HTML and Click Expand Widgets checkbox

    Find code by go to this link (Code1)

    and replace it with this code by go to this link (Code2)

    Good luck :)

  20. Anonymous May 7, 2011 6:18 pm #

    I was just going offline. But could not hold back thanking you for your commitment and generosity to help others. Will getback tomorrow. Thanks a lot.

  21. Best!! High quality, Small size Movie Download May 24, 2011 9:47 pm #

    this widget working in At Top Of Blogger Posts but i need this in last in my can i do this

  22. pitlining August 12, 2011 6:52 am #

    that was cool..this is the easiest one!..BEAUTIFUL N PERFECT!!.i really hate editing HTML.thanks bro!!..

  23. Wasif Ali August 20, 2011 5:40 pm #

    awsome widget bro, loved it, but there is some little problem with it, or i think it's the problem with my template, could you please suggest what to do, check my blog, on homepage you can see what is the problem, help me, it looks little wierd,

  24. CyberMales October 5, 2011 11:26 am #

    Can't work in my blog, please help..thanks

  25. Details November 13, 2011 12:13 pm #

    WOW!!!! Nice article… just add it to my blog
    its looking very2 nice to my blog thanks dude…. goodbye oldest post… :)

  26. nithysuper November 27, 2011 5:18 pm #

    hi, how to remove script by abufaren ?

  27. Jason.Na December 13, 2011 8:58 am #

    Thank you so much !!!!!!!!!!! This is so perfectly working! wanna press LIKE!

  28. techstuff December 17, 2011 4:03 pm #

    you are the bomb man good stuff

  29. Muhammed December 20, 2011 3:45 am #

    It is not working. Can you help me out???

  30. Muhammed December 20, 2011 3:46 am #

    It is not working for my template,
    Can you help me???

  31. Muhammed December 21, 2011 2:05 pm #

    Please help me to have this on my blog Please advise it is not working

  32. Tanvir January 8, 2012 10:46 pm #

    thanks for sharing such a good paga navigation widget but
    its not working on my blog and showing following in my blog—->%MINIFYHTMLd6af0fd3fa3d352367317613e062bcb530%%MINIFYHTMLd6af0fd3fa3d352367317613e062bcb521%%MINIFYHTMLd6af0fd3fa3d352367317613e062bcb522%

    i need your help Sir. :-(

    • Harish January 9, 2012 1:17 am #

      the Problem is my Generator. i will fix it as soon as possible

  33. gamep01nt January 28, 2012 9:08 am #

    AWESOME! perfect for my blog..thnx

Leave a Reply

  • Loading...
© 2012 Way2blogging. Powered by WordPress