This article explains how to enshroud or alter the format of the "Older Posts" together with "Newer Post" together with "Home" links that are shown at the bottom of Blogger blogs amongst Layout or Designer themes.
Why are the older together with newer posts links used
This is basic to how a spider web log is intended to work: you post regularly, together with give people a agency to become dorsum to previous posts.
The pager-links are especially of import on pages that are reached using the Label or Archive gadgets, which may demo to a greater extent than posts than yous usually cause got on your abode page, or displaying inwards your blog.
But some people desire to take away them - together with this is fine provided readers cause got other ways of navigating around the blog.
How to take away "Newer Posts" together with "Older Posts" from your blog
To totally take away these items, yous merely add some novel CSS rules to your template inwards the usual way.
To take away "Older Posts" add:
#blog-pager-older-link {
float: right;
}
To take away "Newer Posts" add:
#blog-pager-older-link {
float: right;
}
Or to take away both of them together with the "Home" link that appears inwards betwixt them, add:
#blog-pager {
display: none;
}
How to format the "Newer Posts" together with "Older Posts"
Changing the agency that these links await is real similar, yous merely add together the same codes, except instead of
display: none;
yous quest to use the CSS chemical element for the result yous want. For example, to brand the text bigger together with bold, yous powerfulness role rules like
font-size: 150%;
font-weight: bold;
You quest to pose these commands within the curly brackets, where the display: none; is forthwith - brand certain that each ingredient has a semi-colon at the destination of it. It makes the code easier to read if each ingredient is on a novel line, but this isn't necessary.
Another selection is to swap the "float" commands around to put "older posts" on the left together with "newer posts" on the right (I've never quite understood why they were the other agency around).
background-image:url('URL OF YOUR IMAGE');
background-color:#cccccc;
How to alter the "Newer Posts" together with "Older Posts" text
If yous desire to alter the text values - either to dissimilar words, or past times replacing them totally amongst pictures, yous quest to accept the disadvantages of editing your theme. If this is ok, together with yous you desire to move along then:
1 Edit your theme in the usual way
two Replace the existing links:
- To supercede the "newer posts" link, find <data:newerPageTitle/> in your theme, together with supercede it amongst whatsoever text yous want.
- To supercede the "older posts" link, find <data:olderPageTitle/> in your theme, together with supercede it amongst whatsoever text yous want.
- To supercede the "home" link, find <data:homeMsg/> in your theme, together with supercede it amongst whatsoever text yous want.
In each case, the code yous are replacing volition move within another code, similar this:
<span id='blog-pager-newer-link'>Make certain that yous only supercede just the code listed above, including the < together with >'s. The other code around sets upwardly the links to the actual older or newer posts, together with yous 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 important of your pictures is obvious though - what may await similar a cute "newer posts" symbol to yous powerfulness move totally meaningless to individual else.
Related Articles
How to add together a CSS dominion to your themeHow to edit your blogger theme
Understand the advantages together with disadvantages of subject editing
Finding the URL of a motion-picture demo inwards Picasa-web-albums
Understanding designer together with layout theme