Advanced Template Changes

Your Blog is starting to look like a website, but a few pesky Blogger elements need to be removed.

At the bottom of your posts, “Newer,” “Older,” “Home,” and “Subscribe to: Posts (Atom)” links appear. With some targeted editing, you can remove these from your Blog.

Hint: Before attempting advanced template changes, make sure to save a copy of your template. You can do this by copying your template code into a blank document or by choosing the “Download Full Template” option in the “Edit HTML” section under the “Template” tab.

Begin working under the “Template” tab, by clicking on “Edit HTML.” Check the “Expand Widget Templates” box and search for:

newer

The first hit you will come across will be part of the Cascading Style Sheet (CSS) and will look like this:

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

Ignore this section and search for the next instance of “newer.” You should find coding that looks like this:

<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>

Delete all of this coding and save your template. Take a moment to view your Blog to make sure that the “Newer” link has been removed.

Next, search for:

older

As before, ignore the CSS code. Instead, look for something like this:

<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>

Delete this code and save your template. Again, review your Blog to make sure that the “Older” link has been removed.

Your next search will be for:

home-link

Again, ignore any CSS codes and find coding that looks like this:

<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>

Delete this section of code, save your template and view your Blog.

Your final search will be for:

feedLinks

Locate coding that looks like this:

<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

Once more, delete this section and save the template. “Newer,” “Older,” “Home” and “Subscribe to: Posts (Atom)” should no longer appear on the bottom of your posts.

In this section:
Choosing a Template
Personalizing the Header
Changing Fonts and Colors
Fixing the Sidebar
Removing the Blogger Banner
Hiding Comments
Advanced Template Changes

Return to Adapting the Blogger Template
Return to the Main Page