Add a cool Page Navigation widget in Blogger

Friendzz today i m going to show you a Cool Page Navigation widget for Blogger Blog.Blogger Page Navigation is an awesome trick to navigate your Blogger Blog Pages.It allows your users to Navigate Blog pages like Book,By using this your blog visitors can easily go to an appropriate page.By default Blogger allows Older Posts and Newer Posts link to Navigate between Blog pages.It is very difficult for your users to navigate deeper into your Blog's Posts, so the Page Navigation helps us to solve this problem.

Demo Below

Widget Title:

<style type='text/css'> #blog-pager{height: 28px; padding: 10px 0 0; overflow:hidden; text-align:center; } .showpageArea a {text-decoration:underline; font-size: 16px; text-align: center;} .showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;} .showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;} .showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;} .showpageOf {text-decoration:none;padding:5px;margin: 0 5px;} .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;} .showpage a:hover {text-decoration:none;background: #cccccc;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style> <script style='text/javascript'>var pageCount=7; var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script> <script style='text/javascript' src='http://my-project-tricksdonor.googlecode.com/files/Tricksdnor.blogspot.com.js'></script>