Add Numbered Page Navigation Below Blog Post

Share... ☂

Share on Facebook
Share on Twitter
Share on Google+


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>
Share :

zealmatblog

3 comments:

  1. I will love to have page numbering for easy reference

    ReplyDelete
  2. Beyond asperous beauty, new and pre-owned rolex replica Daytona timepieces are acutely precise, durable, and versatile. They can be dressed up, dressed down and beat in about any ambience on Planet Earth.There is a advanced array of breitling replica Daytona timepieces to accept from. Some of the rarest and a lot of admired are those with four chiffre advertence numbers. A replica watches beneficiary can be abiding they are accepting a "Paul Newman" punch if they accept apparent a 6239, 6241, 6262, 6263, 6264, or 6265.

    ReplyDelete
  3. Het is Reviews andere Japanse automatische self-wikkeling beweging replica horloges nederland perfect voor dagelijks gebruik jaar. Zelfs voor occasionele slijtage je niet-zorgen te maken over het houden van tijd proefschrift Omdat baby's gaan voor een paar goede jaren en zijn altijd betrouwbaar. GMT-functie werkt als volgt op het origineel, zodat uiteindelijk een legit kloon voor een echt goede replica horloges omega prijs.

    Waarschijnlijk zal dit eindigen replica horloges hublot in één van de collectie van mijn neef omdat ik weet dat hij een grote fan van de Rolex GMT Master II replica horloges. Ik werk _him_-have voor het een beetje Omdat een goed uitziende replica Rolex zoals deze mijn collectie niet gemakkelijk te verlaten. Kennen alle kleine details en give-away details over de klassieke modellen als deze Omdat proefschrift zijn de meest opgejaagde en meest versleten originelen en replica's gelijk. Het dragen van een goede replica Rolex GMT zal de aandacht trekken en maak zure achterdocht zodat u weet hoe een goede replica horloges rolex kwaliteit eruit ziet en krijgen een legit horloge.

    ReplyDelete



Parse Your Adsense HTML code Here





We love to hear from you!

Sign in to comment "anonymously" without entering verification text.