How To Add Numbered Page Navigation In Blogger

Hi Bloggers!!! Welcome Again this post will show you how to add numbered pagination in blogger blog. This Widget Is Mostly Used By Bloggers leaving us as our template does not support the page navigation. This widget is commonly used in the templates which comes default in blogger as there will be no conflict.
This type of navigation will be added-

So Let's Start-

• Open Blogger Dashboard
• Go To Template And Then Click Edit Html
• Find  ]]></b:skin> Tag.
• Then Paste This code Above tag- 

.showpageNum a { background: #02ab68; padding: 5px; padding-left: 10px; border: 1px solid #b9b9b9; padding-right: 10px; margin-right: 5px; color: #000; font-weight: bold; } .showpage a { background: #02ab68; padding: 5px; padding-left: 10px; border: 1px solid #b9b9b9; padding-right: 10px; margin-right: 5px; color: #000; font-weight: bold; } .showpageArea { float: left; } .feed-links { display: none; } .showpageArea a { float: left; font-size: 15px; color: #fff!important; padding-left: 15px; padding-right: 15px; } .showpagePoint { float: left; font-size: 15px; padding-left: 15px; padding-right: 15px; } .showpageArea a { text-decoration: none; } .showpageArea { float: left; width: 363px; margin-top: 10px; }

• Now Search For </body> tag and before it paste the following code-

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://widcraft.googlecode.com/svn/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

Save Your Template