Best method for Numbered Page Navigation in Blogger

In Blogger Numbered Navigation is missing which causes huge loss to bloggers. By default, you can see Older posts, and Newer Posts links at the bottom of the page which is useful to your blog visitors to navigate to other posts of your blog. But, the problem is related with navigation so people hardly notice those newer and older posts links there, which ultimately causes lesser pageviews of your blog.
Therefore, to increase your blog pageviews you can use this cool looking, advanced numbered page navigation to your blog.

Standard page navigation on blog is “Newer Posts, Older Posts and Home ”. To create page navigation number like this blog on you blog is very very easy.

1) Go to Your Blogger Dashboard Click > Design > Add A Gadget > Choose Html/Javascrit Gadget> Copy and Paste The Following Code

<style type='text/css'>
.showpageArea a {text-decoration:none;}
.showpageNum a,.showpage a {
color:#333333;
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px 7px;
background-color:none;
}
.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 pageCount=5;
var displayPageNum=5;
var upPageWord="Previous";
var downPageWord="Next";
</script>
<script style='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/bloggerpnav.js'></script>

You May Change The BLUE Line.. 

2)Place this HTML widget below posts widget and finally save the Design Template.