How To Hide/Remove Blogger Navbar?

Blogger platform has many cool features thats why most blogger like and prefer it. Also, a new blogger blog contains many widgets which some people like but some dislike. They are Attribution widget, favicon and so on. One such widget is Blogspot Navbar (Navigation Bar) as some bloggers like this widget as it allows visitors to Follow, Share and Search your blog while some bloggers dislike it as this is not professional looking so they want to remove it. So today here we will learn the best 3 ways to completely hide/remove blogger navbar widget easily.

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.