Tuesday, 22 December 2015
Add Numbered Page Navigation Below Blog Post




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;}


http://www.zealmat.com/2015/12/add-numbered-page-navigation-below-blog.html?m=1

zealmat:
Tuesday, 22 December 2015
Add Numbered Page Navigation Below Blog Post




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;}


http://www.zealmat.com/2015/12/add-numbered-page-navigation-below-blog.html?m=1

Its very necessary to make your codes readable at every point in time, I bet if you should read this article in the next 6 months, you won't agree you actually posted it. Anyway, I could find this helpful in future. Thanks