Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?

create a blog page navigation

If Read more in use to summarize a long post so as not to appear on the front page of the blog, then Page navigation is the command to see some other posts (which is longer). Blogspot provide programs for us in order to limit the number of posts that appear on the front page so that visitors can not directly view the entire post that we have.
there are actually many ways to tell visitors about the postings we have like over the label element, or a related post, but there is no harm if we try with page navigation, this method can be used to minimize the main page of the blog

 
the following steps:


  • log in to your blog as usual
    entry on the menu desaign - select edit html
    give the check to expand the widget templates and find the code
    ]]></b:skin>
  • copy and paste the following code right above the code
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

  • The next step, find the code </body>
  • then copy and paste the code below right above </ body>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>


  • do not save it first, find also code 'data: label.url'  
  • if you have found, remove and replace the code with the code below
'data:label.url + &quot;?&amp;max-results=5&quot;'


  • Now we can save the template and see the results
  • if unsuccessful, review the above code entered on the template, there may be errors when copying

hopefully can add to the creative spirit in the world of the Internet