How to Remove and Hide Blogger NavBar (Top Navigation Bar)

1. Sign in to Blogger.
2. On the Blogger Dashboard, click on the Layout link of the blog that you want to disable its NavBar. You can also click Customize on NavBar while visiting your blog.

   

3. Under the Layout tab, click on Edit HTML tab to view the template’s HTML code.

   

4. Search for the following line of code:

   ]]>

   Before the line, add in the following line of code:

   #navbar { display: none; }

   or:

   #navbar-iframe { display: none !important; }

5. Click on SAVE TEMPLATE to make the change effective.