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

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

សោកស្តាយក្រោយពីកាសែត ​ខេមបូឌាដេលី ​ប្រកាសបិទ​ទ្វារ

ពិតជាភ្ញាក់ផ្អើលមែន! ពេលដឹងរឿងពិតមួយចំនួន ពីកំពូលតារាចម្រៀង ឱក សុគន្ធកញ្ញា ដែលអ្នកមិនដែលដឹង