All the blogspot blogs have a long bar at the top of the blog which is usually called as navigation bar in short navbar. Most of the designed templates or third party templates will not have such bar but if you want to remove that with the default templates provided by blogger you can do it by simple techniques which are already available in many articles published around. But most of the time people are facing a problem with the empty space which appears after the disappearance of navbar. That white space is a bit annoying and it just requires a css tweak which I will explain now.
I have divided the blogger templates into two generations. So coming to the first generation templates which were before 2010 which are almost used by many designers for tweaking because of the ease of customization. In them minima is the most widely used so what ever it may be almost all those templates had a navbar and after removing them you would get a whit space in that place so simply follow the below steps.
1.Removing navbar and white space for classic blogger templates:
Use the following code just above the closing head tags
which would be like this </head> from your edit blogger template menu.
body {margin-top:0px;position: relative;top: -45px; }
#navbar-iframe {visibility:hidden;}
The above mention code will do the work. if you are still having white space just modify the number 45 in the above code with 50 and so on till you are satisfied with your header. still if you are facing any problem with the above said method simply copy paste the below code instead of the above said code.
#navbar-iframe {height:0px;visibility:hidden;display:none;}
body {margin-top:0px;position: relative;top: -45px; }
2.Removing navbar and white space for new blogger templates which support template designer:
In order to remove the white space in the new blogger interface you need to firstclick edit HTML and then in the code you need to find ]]></b:skin>
Just above ]]></b:skin> add the following code
#navbar-iframe {height:0px;visibility:hidden;display:none}
body {margin-top:-30px;}
If you want to adjust the white space just keep experimenting by changing the number 30 in the above code. You can also use the below code instead of the above one it will also work for you or else use the above code only.
#navbar-iframe {visibility:hidden;}
body {margin-top:-30px;}
NOTE: If you paste the code in the template designer in the Add CSS menu it wont work, it only works if we do it manually in the code itself so hope this article will help you to remove the white space in both the template generation. Please keep an eye on the minus(-) symbol before the numbers in the code provided removing it will revert the problem.
ANNOUNCEMENT: Blogger has come out with a new kind of templates namely dynamic views, we can say it as the advanced versions of the second generation templates. They are free from navbar as blogger has noticed that many people are not liking to have a navbar. Actually they should have been keeping an remove option for navbar as they did for powered by blogger. Even they have come up recently with a option to change the favicon. But because of the launch of these new dynamic view templates they may or may not come up with the feature to remove navbar in the older templates.
Effects of removing Navbar:
-Removing navbar is not a new topic any more it has been into existence from 2006 onwards and many people have successfully been blogging without navbar for many years. There is no mention of the removal of navbar as violating blogger terms of service so it is not against blogger's TOS. Only an article about navbar in
blogger help mentioned that "The Navbar appears on all freely-hosted Blog*Spot blogs, but can be disabled for users publishing via FTP". They dint really insist free users to keep the navbar or else dint mention any note that it would be against the TOS to remove navbar. They simply said navbar can be disabled in blogs hosted via FTP. They don't recommend or support the removal but also there is nothing to do with the TOS.
-Many will also feel removal of navbar would make their site to be crawled fast but it is a myth their is no truth in it because we are just hiding the navbar not removing it. This only gives a professional look nothing more than that. So hope this article would help you to remove the blank space which appeared after you have removed your navbar.