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

Blog Tutorial How To Change "Older Posts" By the s | New
In eral, 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 s that can make it sier 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 ld to the design of your template and then to "Edit HTML"

2. after that find this ]]> </ b: skin> if you have found this script put before the

. showpageAr 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 </ body> then put this script before the .

<! - 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.google.com/files/blogger_paavi_min.js' type='text/javascript'/>

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

<! - Page Navigation Ends ->



If you've just seen the results.