Page numbered navigation widget for blogger is very beautiful widget to navigate blogspot pages very easely and looking feel good. All navigation widgets are based on JavaScript (this also). you can use this widget very easily and simple installation then others.
Preview:-
Install this:-
Manual Installation:-
- Login To Your Blogger And Go To Design Section
- Then Click On Edit/Html
- Now search for
</body>
and place the below codes before it.<style type="text/css"> .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;} .showpage a {float:left;background:url(https://lh3.googleusercontent.com/-ssoShc5LRzw/TYB4mmwQxOI/AAAAAAAAAeI/VE8IzBS7JzA/way2blogging-button.gif) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;} .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;} .showpageOf{float:left;padding-top : 6px;} .showpageNum a {background:url(https://lh4.googleusercontent.com/-mhmA2xKtrzc/TYB4m5bcS0I/AAAAAAAAAeM/uPZU2s1pe8M/way2blogging-pagenum.gif) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;} .showpageNum a:hover {background : url(https://lh4.googleusercontent.com/-mhmA2xKtrzc/TYB4m5bcS0I/AAAAAAAAAeM/uPZU2s1pe8M/way2blogging-pagenum.gif) no-repeat 0 100%;color : #fff;} .showpagePoint {background : url(https://lh4.googleusercontent.com/-mhmA2xKtrzc/TYB4m5bcS0I/AAAAAAAAAeM/uPZU2s1pe8M/way2blogging-pagenum.gif) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;} .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;} </style> <script style='text/javascript'> var pageCount=5; var displayPageNum=1; var upPageWord="Previous"; var downPageWord="Next"; </script> <script type='text/javascript' src="http://way2blogging.github.com/blogger-widgets/w2b-beautiful-pagenavi.js"/>
#var pageCount=5; ~ Number of posts per page
- Save template and Check your Blog
This is super slick! I love it! Good job!
This is superb man. I have added it in my blog.
when i do Navigation page on blog, it is show Navigation page on my blog….how can i do? it is wrong on my template?
my blog: http://hidigi.woinet.info/
email : sok.vannak168@yahoo.com
can u help me?
@vannak
Better to try another new navigation form this blog.
do you have FB.visit my blog www.faizalpj.com
Why my entry to another entry have plain box
nice work
why any navigator is not working for me?
hi, how can i remove the navigation if i want to change?
email : ckm.66@hotmail.com
@Bhojpuri Song Download
your blog navigation links are missing. please contact me via contact-form for help.
Thank You.
Beautiful one !! thank you so much Harish
hi can i change the orange color to green How?
please check my tempalate and tell me why i cant use any custom navigation bar. i have changed blogger settings to show only 10 posts in home page it works. but in archive pages and label pages i can’t use limits. i want to show only 10 posts and a beautiful navigation bar like this but it doesn’t work :/
It’s a very cool and useful widget. But it would be better if we could change the size of the font. On my blog, as it has 3 columns, it breaks in two lines and that doesn’t look so great…