How To Remove The Navigation Bar From Blogger?

If you do not want to the Navigation Bar in your blog-page then you can remove it by following the steps below. But please be aware of the fact that the search option will be unavailable to your users, so they will not be able to search for related articles and posts in your blog. But the good thing is you will immune yourself from other people "Flagging" your blog, unnecessarily.


To proceed, please follow the instructions below:
- Log in to blogger
- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

To hide the Blogger Banner :

- Log in to blogger

- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

- paste the CSS definition in the top of the template code:
...

<b:skin>![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#333" value="#333333">
...

Remove the code to show it again.

Watch Video & Learn:




Remove Blogger Navbar - video powered by Metacafe

Source: Blogger Template