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.
1) Method one to remove blogger Navbar from your blog:
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.
2) Method Two To Disable Navbar from blogspot
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.
3) Method Three to Hide Blogspot Navbar from your Blogger Blog
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.