How to Hide/Remove the Blogger nav bar from your Blogspot

Now every one is familiar with these uber cool bar on top of your blogspot(one of those things of a free blog).

If you want you can hide it with a few lines of code. Now there is a huge dilemma whether it is against the TOS (Terms of Service) to remove the bar. But I couldn't find such a clause.

I find it harmless and choose not remove it after all my blog don't cost me dime. But here is how you can hide your bar.

1) Go to Template > Edit Html

2) Search for the string <b:skin><![CDATA[/*

3) Paste the following code after the line <b:skin><![CDATA[/*

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

4) Click Save template

Now if your choose to hide the Nav bar the search feature to search within your blog will be gone.

To install a search box check out our Search Box Widget and install a search tool in just 2 clicks !