How to Hide or Remove the Blogger Navbar

There is a navbar present at the top of every Blogger-Blogspot blog. By default, there is no option to remove it. But if you want to do so then here is a simple tutorial.

Update: This tutorial has been updated on 21st Jan, 2012.

Steps to Remove or Hide the Blogger Navbar

1. Open the Template section.

2. Click the Edit HTML button.

3. A new window will open. You'd have to click the Proceed button to start editing.

4. Find the following code:

</head>

REPLACE the above code with this one:

<style>
.navbar {display: none !important;}
#navbar-iframe { display: none !important; }
</style>
</head>

5. Click Save template and then Close button.