Removing The Newer Post - Home - Older Posts Links

One of the neatest things about Layouts templates (OK, I know that I say that a lot) is the expanded main page.

Those of you who don't remember the Classic blogs, the short main page, and then the need to find the Archives links again, won't have the same feelings. OK, your loss.
Those of you that still have a blog with a Classic template can stop reading here, as the Newer Post - Home - Older Posts Links require dynamic HTML, and Layouts templates.

The ability to view a whole main page, then follow that with another main page, and so on through the entire blog, is a great improvement, in my book.

Not all Bloggers agree with this sentiment though. Some Bloggers care for it so little, that their frequent question is

How do I get rid of the "Newer Post" - "Home" - "Older Posts" links?

Fortunately, this is not a difficult task.

In some cases, we only have to add one simple CSS rule - that you can use in 4 variants.

.blog-pager {display: none;}

Use the "Add CSS" wizard in the Template Designer, and add that rule, precisely. Remember to add a blank line, before and after the new rule - and also backup the template, before and after tweaking.

There are 4 tags that may be useful, here.

1. .blog-pager
2. .blog-pager-newer-link
3. .blog-pager-older-link
4. .home-link

You can use any of the 4, depending upon what you want. ".blog pager" is the entire line - which is composed of ".blog-pager-newer-link", ".home-link", and ".blog-pager-older-link". Note that the "." in ".blog-pager" et al is crucial here.

If the added rule does not produce results, you may have to make a bit more effort.

Always start by backing up the template.

Using the Template Editor, hit "Jump to widget", and select "Blog1". Position the cursor within the editor window, hit "Ctrl - F", and find "nextprev".

(Note): What you see below has been liberally seeded with gratuitous line breaks, to prevent post / sidebar alignment problems.

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<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>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' 
expr:id='data:widget.instanceId + "_blog-pager-older-link"' 
expr:title='data:olderPageTitle'>
<data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

Take a deep breath, and delete all of that, carefully. You do have a backup, so do it. Save the changes, and test.

When you're happy, backup the template, again.