How to hide the navbar

If you are still unsatisfied with the result after changing the theme of the navbar, you may consider to hide or remove it. The Blogger navbar can be hidden so far Google can accept that.

1. You are still in the Blogger Layout Tag. Click on the Edit HTML link.

2. Before you edit the HTML codes of blogger, remember to backup the file. Click on the Download Full Template link.

3. Scroll down to find the line as shown:

4. Insert the following single line of code as shown in the diagram below:

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

5. Click on the SAVE TEMPLATE button to save the changes.

6. Click on the View Blog link to see the blog.

7. Look! the Navbar had gone.

8. Remove or comment the above line of code if you wish to resume the Blogger Navbar.

Note: Since the Customization link in the Navbar will also be hidden. This is better to use another browser to view the chnages of blog. Otherwise you have to navigate back to:

http://www.blogger.com/home

This tutorial shows how to hide or remove the Blogger navbar