NUMBERED PAGE NAVIGATION WIDGET FOR BLOGGER

Here I share you a widget for the blogger that is numbered page navigation widget.You may be noticed that in many blogs.When the post exceeds no of posts per page it show older posts and newer post to navigate to other pages.Blogger doesn't have any option to change this.But using css or jquery you can add numbered page navigation widget for your blog.This help to easy navigation to other pages.It help to visitors directly go to 3rd page without going 2nd page

How to add numbered page navigation for blogger

Go to your blogger dashboard

Click on template >> Edit HTML

Now search for this ]]></b:skin>

Copy the code below and paste it just below the ]]></b:skin> tag

 /*-----------------numbered page navigation for blogger by trickzzworld------------------*/

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}

.blog-pager {background: none;}

.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}

.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}

#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}

 .showpageOf{display:none!important}

#blog-pager .pages{border:none;}

/*-----------------numbered page navigation for blogger by trickzzworld------------------*/

Now you added numbered page navigation to your blog