How to Hide Blogger Navigation Bar

Blogger navigation bar (navbar) is a toolbar that appears at the top of every blogspot blogs automatically. The Blogger navbar is intented to add additional functionality to the blog. However, it seems that only few blog readers use it.

It is possible to hide or remove the navigation bar with a simple CSS hack. The Terms of Service for using Blogger services do not mention anything on the removal of the navigation bar. So, all the bloggers considered it to be safe.

To remove or hide the navbar:

1. Log in to blogger
   
   
2. Click Layout>Edit HTML. Now you will be taken to the source code page of your blog template.
   
   
3. Find the code ]]> using Ctrl+F.
   
   
4. Copy the following code and paste it just before ]]>

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



5. Save the template.

Now, go to your blog and view the change.