Blogger Tips And Tricks|Latest Tips For Bloggers

These navigation links are only available in the Layout Template.If you have a Classic template you have to upgrade by going to Template---->Customize Design--->Upgrade to get them.

log in to your dashboard--> layout- -> Edit HTML-->check Expand Widget Templates.Now scroll down to where you see this:-

<!-- navigation -->
<b:include name='nextprev'/>

If you want to show them only at the top you can Cut these lines to remove to the Windows Clipboard.
or
If you want them both at the top and the bottom then do Copy.

Scroll up to find this code :

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>

Paste the navigation code below the last line of the above code. Save Template and refresh your site.

If you want to customize them further you can change this code below as of your template :

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

Save Template and refresh your site.

File Under : background, change template, post

The Newer, Home and Older Posts links are available at the bottom of each post on the post pages. These navigation links are only available in the Layout Template. If you have a Classic template you have to upgrade by going to Template---->Customize Design--->Upgrade to get them.

At the bottom of the post these links are situated along with the Label links and the Subscribe to Posts Atom feed link making a lot of clutter. You can reduce the clutter by switching them to the top of the post above the post title. This style is seen in many WordPress blogs.

To switch then to the top login at Blogger.com and click on Layout link on Dashboard. Then click on Edit Html subtab of Template tab. Put a check in Expand widgets template checkbox at the top of the template code box. Scroll down to this line of code in the blog posts footer widget :

<!-- navigation -->
<b:include name='nextprev'/>

If you want to have them only at the top you can do and Edit---->Cut to remove these lines to the Windows Clipboard. If you want them both at the top and the bottom then do an Edit----->Copy. Scroll up to find this code :

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>

Paste the navigation code below the last line of the above code. Save Template. Clear Cache and view Blog.

You can see them at the top above the post title on the post pages of this blog. If you want to customize them further you can change this code in the CSS part of your template :

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
margin-top:20px;
}

Use Preview to check the effect before saving changes.

File Under : change template