How to Remove navigation bar from blogger ?

 Steps:
1- Log in to blogger

2- On your Dashboard, Click/Select "Design" option to edit layout. This will take you to the Template tab. Click "Edit HTML".
      Under the Edit Template section you will see you blog's HTML code.

3- Paste the below CSS code defination just before  the "/* Variable defination" template code as shown in example

 Code Follows:-

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

Example :-

<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">
   ...