This article explains how to enshroud or alter the format of the "Older Posts" as well as "Newer Post" as well as "Home" links that are shown at the bottom of Blogger blogs with Layout or Designer themes.
Why are the older as well as newer posts links used
This is basic to how a spider web log is intended to work: you post regularly, as well as give people a means to croak dorsum to previous posts.
The pager-links are especially of import on pages that are reached using the Label or Archive gadgets, which may exhibit to a greater extent than posts than you lot usually lead maintain on your abode page, or displaying inwards your blog.
But some people desire to take them - as well as this is fine provided readers lead maintain other ways of navigating unopen to the blog.
How to take "Newer Posts" as well as "Older Posts" from your blog
To totally take these items, you lot only add some novel CSS rules to your template inwards the usual way.
To take "Older Posts" add:
#blog-pager-older-link {
float: right;
}
To take "Newer Posts" add:
#blog-pager-older-link {
float: right;
}
Or to take both of them as well as the "Home" link that appears inwards betwixt them, add:
#blog-pager {
display: none;
}
How to format the "Newer Posts" as well as "Older Posts"
Changing the means that these links expect is rattling similar, you lot only add together the same codes, except instead of
display: none;
you lot necessitate to use the CSS chemical element for the lawsuit you lot want. For example, to brand the text bigger as well as bold, you lot mightiness run rules like
font-size: 150%;
font-weight: bold;
You necessitate to set these commands within the curly brackets, where the display: none; is right away - brand certain that each element has a semi-colon at the halt of it. It makes the code easier to read if each element is on a novel line, but this isn't necessary.
Another selection is to swap the "float" commands unopen to to put "older posts" on the left as well as "newer posts" on the right (I've never quite understood why they were the other means around).
background-image:url('URL OF YOUR IMAGE');
background-color:#cccccc;
How to alter the "Newer Posts" as well as "Older Posts" text
If you lot desire to alter the text values - either to dissimilar words, or past times replacing them totally with pictures, you lot necessitate to accept the disadvantages of editing your theme. If this is ok, as well as you lot you desire to croak on then:
1 Edit your theme in the usual way
two Replace the existing links:
- To supervene upon the "newer posts" link, find <data:newerPageTitle/> in your theme, as well as supervene upon it with any text you lot want.
- To supervene upon the "older posts" link, find <data:olderPageTitle/> in your theme, as well as supervene upon it with any text you lot want.
- To supervene upon the "home" link, find <data:homeMsg/> in your theme, as well as supervene upon it with any text you lot want.
In each case, the code you lot are replacing volition live on within another code, similar this:
<span id='blog-pager-newer-link'>Make certain that you lot only supervene upon precisely the code listed above, including the < as well as >'s. The other code unopen to sets upward the links to the actual older or newer posts, as well as you lot don't desire to alter this.
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
Do brand certain that the pregnant of your pictures is obvious though - what may expect similar a cute "newer posts" symbol to you lot mightiness live on totally meaningless to soul else.
Related Articles
How to add together a CSS dominion to your themeHow to edit your blogger theme
Understand the advantages as well as disadvantages of subject editing
Finding the URL of a moving painting inwards Picasa-web-albums
Understanding designer as well as layout theme
Labels:
Article,
Blog structures,
Blogger,
Navigation tools
