Removing Newer and Older Post Links in Blogger Blog

If you are using Blogger as blogging platform, you might be used to some of the built-in features, that you consider hard coded, but can be changed with slight template code modification. One of the hacks, presented in this publication, addresses a seemingly minor issue on the page - two links “Older Posts” and “Newer Posts” on the bottom of the page.

For those, who prefer their blog to be maximally close to the static webpages, these links not just unnecessary, but are plainly irritating. There is a way to remove them once and forever. And that is quite easy to do, even for not very experienced users. Note, that this hack will also remove “home” link from the bottom of the blog page.

Open Layout Tab in your blog profile page, choose Edit HTML, and search your code in your blog template for the following text:
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}


Now replace that code with the following code:

#blog-pager-newer-link {
display: none;
}
#blog-pager-older-link {
display: none;
}
#blog-pager {
display: none;
}


Save the template and you are done. I hope that was indeed an easy and straightforward one.

Additional Reading:

http://bloggeruniversity.blogspot.com/
http://tipsforwebsite.blogspot.com/2008/09/how-to-remove-post-and-post-link-on.html

How to Remove NavBar in Blogger

There might be multiple reasons, why would you like removing Blogger Navbar from the top of your page:

• This bar highlights that you are part of the Blogger community, and you might not want emphasizing that.
  
• The bar might not fit well to your template design.
  
• Blogger has started random advertisement above the Navbar and this has taken valuable space on you blog page.

Due to the simple fact the fact that the Blogger TOS (Terms of Service) do not specify that keeping Navbar on the blog is a mandatory feature of the Blogger account holder, you have no legal or ethical restrictions on the Navbar removal.

Fortunately, removing the Navbar is a quite easy task, and it can be done in different ways.
1. Go to your blogger Dashboard and select Layout.
2. Click Edit HTML.


Method 1

Find the following record in the template layout
<b:skin><![CDATA[/*
Paste this simple code
#navbar-iframe { display: none !important; }


Method 2 (By Aditya)
Look for <b:skin> and paste the following after that:
/* By Aditya http://the-lastword.blogspot.com/ ----------------------------------------------- */ div.navbar { opacity:0.0; display:none; }


Method 3 (By Praveen)

Look for <b:skin> and paste the following after that:

/* By Apnerve http://www.apnerve.blogspot.com ----------------------------------------------- */ #navbar #Navbar1 iframe { display:none; visibility:none; }



Method 4
Just add the following lines anywhere in your Blogger template [enclosed by <style> tags] and the blogger banner will be gone forever.
#navbar-iframe { height:0px; visibility:hidden; display:none; }


Additional Reading:
http://blogger-tricks.blogspot.com/2008/10/hide-new-blogger-xml-navbar.html
http://www.cyberspirits.net/2008/06/hiding-navbar-in-blogger-how-to-hide-navbar-in-blogger/
http://www.jaystech.com/2008/08/how-to-hide-blogger-navbar-in-old-new.html
http://labnol.blogspot.com/2007/01/how-to-hide-blogger-navbar-in-new.html