How To Remove Blogger Navbar

People love Blogger / Blogspot because they are free and easy to use. And most of them want to be express their thoughts or personality there, meaning that they want their blogs to appear uniquely, distinctive from everyone else. The problem is, some default Blogspot features make it difficult, such as Blogger navbar.

Recently I had just hide / removed my Blogger navbar that usually showed itself in the top of my blog. My reason was its appearance ruined my entire design, made it looked ridiculous. Plenty of people had done this also, and there is no problem with that. By the way, there are two techniques to do this, feel free to choose as you please. Both of them work, I've personally tested them myself.

Technique 1

The first one works by adding some removal codes to your template. To do this, access "edit HTML from "layout" menu. Then find this tags (in upper head section):

/*-----------------------------------------------
Blogger Template Style
Name: ...
Designer: ..
URL: ...
Date: ...
Updated by: ...
----------------------------------------------- */


/* Variable definitions
====================

Then you need to add these beautiful codes to stop the navbar from appearing:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

So the codes should be implemented something like this:

/*
-----------------------------------------------
Blogger Template Style
Name: The Overture
Designer: Isaac Yassar
URL: isaacyassar.blogspot.com
Date: 10 Dec 2008
Updated by: Isaac Yassar
----------------------------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/* Variable definitions
====================

Now save the template. If you do it handsomely, the navbar should have vanished for eternity.


Technique 2

This technique is very simple, basically you just need to scroll the position of your page 30 pixels upward, so the navbar will not be visible anymore. To do it, the first step is finding the "body" tags in your template (accessed from "edit HTML" from "layout" menu):

/* Use this with templates/template-twocol.html */

body {

background: ... ;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

}

If you face some difficulties in finding it, browser's "find" tool will be helpful for you. Once you find it, you need to add these tags to scroll your page 30 pixels upward:

position: relative;
top: -30px;

And next, the result should looks something like this:

/* Use this with templates/template-twocol.html */

body {

background: ... ;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
position: relative;
top: -30px;


}

Now save the template and reload your website to see your website's new appearance. If you do it right the navbar should be gone for good.

Is removing the Blogger Navbar legal ?

The Terms of Service for Blogspot.com do not mention anything about Blogger Navbar but it does state a word about the discontinued Blogger AdBar which was previously displayed on freely-hosted Blogspot blogs.

By creating your BlogSpot Site, you agree that Pyra has the right to run such advertisements and promotions.

You also agree that you will not attempt to block or otherwise interfere with advertisements displayed on your BlogSpot site via JavaScript or any other means. Doing so is grounds for immediate termination of service. The manner, mode and extent of advertising by Pyra on your BlogSpot Site is subject to change.

Since it is not mentioned explicitly in the Terms of service, it remains doubtful if removing and hacking the Blogger navbar is any violation of the Blogger terms of service. Lets say we are not "removing the navbar" but only "hiding the navbar" or we could even re-position the navbar to the bottom of the blog. Get rid of the blogger nav bar.

Also, Blogger do not put any promotion and advertisement on our blog, right? Do we want to use Blogger if they put advertisements in our blog? Of course not! That would be ridiculous. The navbar is merely a searching tool. Besides, if we write great contents in Blogger domain, it's already a free promotion for Blogger. They do not need more advertisements, we are the advertisements.

Do you encounter any difficulties in applying it? Do you have any other methods in removing the navbar? Feel free to share it in comments.