How to Remove/Hide Blogger Navigation Bar in Blogger Template Designer

When you apply a Blogger Default Template Style to your blogger blog, you will see a Navigation bar above your blog showing blog search and other options which is not necessary for your blog and
it is pretty annoying. you cannot remove the Navigation bar by changing any option in the blogger setting or some other options, to do so we should slightly modify some code.

Here's how to remove the navigation bar on Template Designer's templates:

Dashboard > Design > Edit HTML

Add this code :

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

Place just above this line of code :

]]></b:skin>

After Placing the code, click on “Save Template”  and you’re done!
Method 2:
This is another method to remove the Navigation Bar , Navigate yourself through as shown below

Dashboard > Design > Template Designer > Advanced > Add CSS

Add this Below code:

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

Click on “Apply to Blog”, and it’s Done!