NUMBERED PAGE NAVIGATION WIDGET FOR BLOGGER

Here i added numbered page navigation widget for you,i thing you may noticed this in many blogs and sites,this help to easy navigation to other pages
it is not provided y blogger,they provides older posts and newer postes
this widget help to easy navigation to older postes and newer posts
i hope this will good for your blog,This widget may look like this

Follow this steps to add Numbered page navigation

• Go to Blogger Dashboard and navigate to Layout > Edit Html
• Press Ctrl + F and find "]]>

" "

<br />.showpageArea a {<br />text-decoration:underline;<br />}<br />.showpageNum a {<br />text-decoration:none;<br />border: 1px solid #cccccc;<br />margin:0 3px;<br />padding:3px;<br />}<br />.showpageNum a:hover {<br />border: 1px solid #cccccc;<br />background-color:#cccccc;<br />}<br />.showpagePoint {<br />color:#333;<br />text-decoration:none;<br />border: 1px solid #cccccc;<br />background: #cccccc;<br />margin:0 3px;<br />padding:3px;<br />}<br />.showpageOf {<br />text-decoration:none;<br />padding:3px;<br />margin: 0 3px 0 0;<br />}<br />.showpage a {<br />text-decoration:none;<br />border: 1px solid #cccccc;<br />padding:3px;<br />}<br />.showpage a:hover {<br />text-decoration:none;<br />}<br />.showpageNum a:link,.showpage a:link {<br />text-decoration:none;<br />color:#333333;<br />}<br />

• Add this CSS code just above "]]>

"



<br /><!--Page Navigation Starts--><br /><b:if cond='data:blog.pageType != "item"'><br /><b:if cond='data:blog.pageType != "static_page"'><br /><script type='text/javascript'>var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script><br /><script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/></b:if></b:if><!--Page Navigation Ends -->

• Save the template