How to make Page Navigation in Blogger


Here is how to make page Navigation in blogger.
1.Go to Template
2.Edit Template
3.Find this ]]></b:skin>  In template 
4. And Past the code below or Above this.


#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

5.Find </body> In Template again.
6.And put the code above that tag.

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

Comments

Popular posts from this blog

រូបគំនូរប្រវត្តិសាស្ត្រ ជាច្រើននៅលើជញ្ជាំងព្រះវិហារ វត្តកំពង់ធំត្រូវបានគេបង្ហាញ ក្រោយពេលវាយកំទេចចោលរាបស្មើដី

How to use Vsphere?

How to solved PDS SFC has stop working and unexpect error 908 on Accumark Gerber V9?