Blogger Templates Layouts Tutorials | Web Page Design Tutorials Home

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.

Hide Navbar

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

Blogger Hide Navbar

3. Scroll down to find the line as shown:

Blogger Hide Navbar

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

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

Blogger Hide Navbar

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.

Blogger Hide Navbar

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

blogger layout tutorials