Blog Tutorial How To Change "Older Posts" By the Numbers

Blog Tutorial How To Change "Older Posts" By the Numbers | New

In general, the navigation to move pages in blogspot typically use a link with the text "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 and new posts.

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 != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<script type='text/javascript'>

var PageCount = 5;

displayPageNum var = 5;

upPageWord var = 'Previous';

downPageWord var = 'Next';

</ script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</ b: if> </ b: if>

<! - Page Navigation Ends ->



If you've just seen the results.