how to hide navbar in Blogspot

First: It is legal to hide Navbar in Blogspot

How you do it

Sign into Dashboard, click LAYOUT for the relevant blog and then click the EDIT HTML sub-tab. This will open the template editor window. Look for this tag: </head>.

Paste this script immediately above that tag:

<style type='text/css'>
#navbar-iframe {
display: none;
}
</style>

so that what you see will be

<style type='text/css'>
#navbar-iframe {
display: none;
}
</style>
</head>

Preview, and if satisfied, click "Save Template".

Another easy way to do it to put

#navbar-iframe {
display: none !important;
}

the above code just where variables are being defined.
Put the code and hit save.

Twit This!