Remove Blogspot navbar

Is this navbar in BlogSpot familiar to you? Do you wish to remove it from your blog? You looked everywhere in the settings for the option to hide or remove it but just couldn't find it? And you wonder, why does some blogs able to do it?

Chances that if when you just open a new blog in BlogSpot, this navbar will definitely be shown above. There are many reasons to remove or to keep this bar. My reason to remove this bar is because it looks quite unprofessional in my blog and it is just plain annoying to see one strip of bar on top of my page (picky i guess).

There is no buttons or checkbox to easily toggle it on or off, you need to know a bit of HTML know how to be able to remove it. Luckily for you, it is just a 5 line piece of code which you just need to copy and paste it into the appropriate section.

Okay, first off, you would need to locate the HTML code for the main template page. It is actually very easy to be located with a couple of mouse click. If you don't know, it is located in your user administration:

Template -> Edit HTML

This is a screenshot of where to locate it





After you have located the HTML codes, this part is a bit tricky. You need to locate the end of the HEAD part in the HTML code. The easy way to find it is by pressing <CTRL>+F to open your find mode and look for the instance of </head> of the word . Then copy this codes before the </head>

<style type='text/css'>
#navbar {
height:0px;
visibility:hidden;
display:none
}
</style>

It will look like this after it is pasted

<style type='text/css'>
#navbar {
height:0px;
visibility:hidden;
display:none
}
</style>
</head>

And thats it, you have successfully removed the navbar.

Notes: After removing the navbar, i found out i couldn't sign in into my blog administration anymore. This is because i did not check the 'Remember me' checkbox. So what i did was to go to the Blogger homepage and sign in from there.