The navbar was originally made to help enhance the readers experience by allowing them to search through millions of blogs of their interest. Intentions are worthy of admiration, but a blogger set on representing professionality might find it disturbing or even turned off by the diversion of traffic this feature causes.

Bloggers were able to disable the navbar found in the previous version of blogger using a simple CSS code. However, if you have switched to the new version of blogger, you might of noticed that the CSS code seems to stop functioning. This is due to the fact that google now uses a different CSS tag to control the navbar in Blogger Beta.

If you want to hide the display of navbar in the new Blogger, then simply copy and paste these lines into your blogger template.

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

Note:If you are using a classic template in the new version of blogger, then simply search and replace the #b-navbar with #navbar-iframe, which will successfully hide the navbar.

Now, you might be wondering if this method is violating any google blogger TOS or any type of licensing. There is no mention of anything relating to the removal of navbar in the google policy. Also, many have been using methods such as this, since the early days of blogger in itself.

[via:Digital Inspiration]