Add Numbered Page Navigation Below Blog Post

Get Free SEO Tips

Follow me

Mathias Amodu

Founder at Zealmat Limited
My Name is Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
Follow me

Number navigation is very important to blog to enable viewer navigate well in your blog. This navigation has to do with editing of template HTML code. Just follow the steps below.

Step 1
Go to your blogger dashboard and click on template => edit template

Step 2
Now click on any location inside the HTML box and press CTRL+F to open a search box

Step 3
Copy the code below and insert it inside the box

]]></b:skin>

Step 4 paste this code just above
 ]]></b:skin>

#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!important}#blog-pager .pages{border:none;}

Note if you want to hide the first and last botton first and last bottons add this line below CSS code

.first, .lastpage {display: none;}

Step 5
Now search for this again
</body>

Paste this code above it

<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://
zealmat.googlecode.com/
svn/trunk/page-
navigation2.js”/>
</b:if>
</b:if>

About Mathias Amodu 903 Articles
My Name is Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

23 Comments

  1. Ene Bassey December 23, 2015
  2. rolex replica September 20, 2016
  3. replicahorlogesnederland February 27, 2017
  4. Anonymous August 5, 2018
  5. Anonymous August 9, 2018
  6. Anonymous August 9, 2018
  7. Anonymous August 10, 2018
  8. Anonymous August 11, 2018
  9. Anonymous August 12, 2018
  10. Anonymous August 12, 2018
  11. Anonymous August 13, 2018
  12. Anonymous August 16, 2018
  13. Anonymous August 17, 2018
  14. Anonymous August 18, 2018
  15. Anonymous August 18, 2018
  16. Anonymous August 18, 2018
  17. Anonymous August 18, 2018
  18. Anonymous August 20, 2018
  19. Anonymous August 21, 2018
  20. Anonymous August 21, 2018
  21. Anonymous August 22, 2018
  22. Anonymous August 22, 2018
  23. Anonymous August 23, 2018

Leave a Reply

*