Wednesday, October 19, 2016

Beautiful Numbered Page Navigation Widget with Colored Styles For Blogger

Beautiful Numbered Page Navigation Widget with Colored Styles For Blogger


Beautiful  Numbered Page Navigation Widget with Colored Styles For Blogger

Numbered Page Navigation Widget is a JavaScript hack for blogger to easily navigate blogger pages. In this post i am giving stylish navigation with different colorful styles.


STEPS:

GO TO BLOGGER
LAYOUT:
ADD JAVASCRIPT, HTML WIDGET:
COPY 

<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=3;
var postperpage =5;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style=text/javascript src=http://widgets.way2blogging.org/blogger-widgets/w2b-bloggerpagenavi.js></script>



SAVE
YOU HAVE DON!

Go to link download