How To Remove Navbar From Blogger Blog

By Default every Blogger Blog has Navbar enabled. It is very useful for blogging because it provides some quick links to visitors, but sometimes it can be get in the way. Sometimes it doesn't match with your blogger templates or sometimes you don't want to show Blogger Navbar to your visitors.Most of the third party Blogger Templates don't use Blogger Navbar, so if you're are using a default blogger template or other template which has Navbar enables then we are here to help you to remove it.

Methods to Remove Blogger Navbar

Method 1 - Turn off the Blogger Navbar

1. Log in to your Blogger account and go to your blog. Go to Layout Page and find Navbar Box and click on edit link as shown in figure.
   
2. When Navbar Configuration Pop-up open, scroll down and select 'Off' , now then click on Save button. Now its done.
   
   

 Method  2 - By Adding CSS Code

1. Log in to your Blogger Account and go to 'Template' page of your Blog and then click on 'Edit HTML' button.
   
2. Within the coding of your template find ]]></b:skin> by clicking CTL+F button. Just above this code paste the following CSS Code
   #navbar { height: 0px; visibility: hidden; display: none;}
#navbar-iframe { height: 0px; visibility: hidden; display: none;}
   
3. and then click on 'Save Template' Button
    

Method 3 - By Adding HTML Code

1. Log in to your Blogger Account and go to 'Template' page of your Blog and then click on 'Edit HTML' button. 
   
2. Within the coding of your template find  /* Variable definitions  by clicking CTL+F button. Just above this paste the following HTML Code -
   #navbar-iframe { display: none !important;}
   
3. Click on the 'Save Template' Button
    

It's Your Turn

Do you get your problem solved by reading this article or get confused. Let us know by submitting comment in the comments box below