How to Remove Blogger (Blogspot) Navbar?

Method : 1

1. Go to the Layout section of your Blogger blog.
2. Click on "Edit" link of Navbar widget and you should be in the Navbar Configuration window.​
3. Blogger navbar configuration window. 
4. Choose "Off" and click on "Save" button.

Method 2 :

1. Go to Blogger Template > Edit HTML.
2. Search for </b:skin> and just above it paste the following code:
   

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

3. Click on "Apply to Blog" button.

• How To Remove Powered By Blogger - Attribution Widget?

Method 3 :

1. Go to Blogger Template Section > Edit Html > Jump to Widget from Dropdown list> Navbar 1
2. You can see the following lines: 

   <b:section class=’navbar’ id=’navbar’ maxwidgets=’1′ name=’Navbar’ showaddelement=’no’>
   
   <b:widget id=’Navbar1′ locked=’true’ title=’Navbar’ type=’Navbar’>
   <b:includable id=’main’> </b:includable>
   </b:widget>
   </b:section>

3. Select and remove all these lines. (Only remove the lines as seen in the picture below)
4. Click on "Save template" button.

Thats all! You're done Buddy!

I hope you successfully removed navbar from your blog. For any query, simply drop me a comment.