Replace the "Older Posts" By the Numbers


Replace the "Older Posts" By the Numbers - In general, the navigation to move pages in blogspot typically use the text link "Older Posts (long post)" and "Newer Posts (new post)". Differences with wordpress who can navigate the form of numbers that can make it easier to skip a few pages to the old one and the new post.

Well the trick this time will explain how to change the link "Older Posts (long post)" and "Newer Posts (new post)" a figure as shown below



1. The initial step of course should lead to the design of your template and then to "Edit HTML"

2. after that find this code ]]></b:skin> if you have found this script put before 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;
}




3. After that find this code </ body> then put this script before the code.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->



4. Save Template