Before moving any further please know that its is against term and condition of blogger.com to remove blogger Navbar from your template. Though Now Blogger it self seems to giving options to remove it from there template, as shown in this following images.
Contents
This is also first method to remove blogger navbar from your template.
a) Log in to your blogger account.
b) Go to layout section.
c) There click on edit on Navbar. (As shown in the figure).
d) You will see “OFF” option, where you can turn off the navbar from your blogger blog.
1) You can also remove navbar from your navbar widget code.
Just search for following code, while going into your code section in this method.
Template >> Edit HTML
Like in this following image
Now search for this code
<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>
remove it from your code and you are done.
In This method you just need to add follwoing code to your blogger html code. It could be inserted anywhere in your body code.
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
That’s it you have removed Navbar from your blogger. Though keeping it may help you to find another good blog. You can sign in, sign out from the navbar, You can go to next random blogs etc.

Sahil Shah is B.E passed out. He loves to write and do experiments with online tools, software, and games. He is an expert tech writer for 10+ years. He is a part-time scientist as well. Eating, and being online at night is what he usually does.