How to remove the Blogger Nav bar

Blogger comes with a default navigation bar.This blogger navigaton bar may not be present in most of the templates.But if you are using a default blogger template,then you will see some navigation bars like the one in this picture.These navigation bars can be removed using some simple CSS techniques.

Here are the steps to remove the Blogger Navigation bar /Blogger Nav Bar

1.Login to your blogger account
2.From your Dashboard opt for Layout
3.Now choose Edit Html
4.You will see your template code there.
5.In that template code find

]]></b:skin>

and replace it with

#navbar-iframe,#navbar { display: none !important; }
]]></b:skin>


6.Now opt for SaveTemplate.
7.Affter saving the template take a look at your template and your blogger navigation bar must have disappeared. :)



Courtesy: 
http://www.bloggerplugins.org/2007/07/blogger-tip-remove-nav-bar.html

OR

Use the CSS code blow:

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

Courtesy: http://homebiss.blogspot.co.uk/2011/11/disable-remove-blogger-navbar.html