Make A Numbered Pages To All Post on Blogger Template

Blog posts appears neat and easy to navigate. Whenever your blog posts
are numbered and categorized accordingly, keeps visitors glued in
sourceing and navigating every page in your blog/website.
Adding numbered pages can be down in two dimession namly:

1. The CSS implementation
. Login to Dashboard, Template>click on 'Edit HTML button
. Click anywhere inside Code area, then
CTRL+ F
Search for

]]></b:skin>
Copy codes below and paste just after the above codes.

blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding:
5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover,
.pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!impo rtant}
#blog-pager .pages{border:none;}

2. Script Into Code Area
. CTRL+F and search for this tag

</body>

Above it, Just Copy and paste the below Codes
See An Example on My Blog Snap below






<b:if cond='data:blog.pageType != &quot;item&quot;'> <br><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <br><script type='text/javascript'> <br>/*<![CDATA[*/ <br>var perPage= 7; <br>var numPages= 6; <br>var firstText =' First'; <br>var lastText =' Last'; <br>var prevText ='« Previous'; var nextText =' Next»'; var urlactivepage=location.href; var home_page="/"; /*]]>*/ </script> <script src="<a href= "http://helpblogger.googlecode.co"></a> m/svn/trunk/page- <br>navigation2.js"/> <br></b:if> <br></b:if>



TIPS:
. Perpage shows how many post will be shown in each page. It should
be the same number with the main page of your homepage which is 7.

. You can replace "first" "Last"
now a little set of code will be displaying at the blog category.
In your Template

CTRL+F
And search

expr:href='data:label.url

then replace above code snippet to
expr:href='data:label.url+"?&amp:max-results="7"

Finally, Save Template and thats all.

* CAUTION::
PLease always Remeber that whenever you are about working on the
template, do well in backing up Your Templates.


HAPPY BLOGGING!!!