How to Remove Or Disable Navbar From The Blogger BlogSpot

Blogger has given a navigation bar to the blogs that will appear by default on the top of the BlogSpot blog. Since, this navigation top bar is default one, now we can turn of this feature if you don’t want it. Most of the blogger templates come with no navbar, but if you are using default blogger templates you will find this navbar. This navbar widget is more useful when you use default template from blogger. But if you use customized design, this navbar will annoy and it will not fit. Because of this situation you can disable or remove navbar from blogger template.

The below methods will help you to turn of navbar.

Method 1

Step 1: Log in to your Blogger blog and select layout section.

Step 2: Top of the Layout section you can see Navbar widget. Edit Navbar and select the "Off" radio button and Save the widget.

remote or disable navbar from the blogger blogspot

Step 3: That’s it! Now you won’t see navbar top widget.

Method 2

Step 1: Log in to your Blogger blog and select Template section.

Step 2: Click "Edit Template" and search the below code and remove it.

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

Method 3

Step 1: Log in to your Blogger blog and select Template section.

Step 2: Click "Edit Template" and copy the below code to css section.

#navbar {
      height: 0px;
      visibility: hidden;
      display: none;
}

Now you can also do this blogger trick to remove navbar from you blog.

All the best!!!

Earn Via Blog