How to hide/remove or auto hide Navbar Blogger

Do you want to hide/auto hide or remove your blogger navigation bar? Today we'll share you the simple way how to hide or remove your blogger navigation bar. Before that, you have to read term and condition of blogger.com. Some say removing blogger navbar breaks the Blogger TOS (Terms of Services), and some other say it is OK.

If you still interesting how to hide this navigation blogger, lets follow this step step...

Step 1: Login to Blogger

Please login to blogger with your ID, then go to "Layout" –> "Edit html"

Step 2: Change code

Find this code below:

#navbar-iframe

If you want to Hide the navbar, change with this:

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

...or if you to Auto Hide your navbar, please use this code:

#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100)
}

...and if you interesting how to remove your navbar blogger, use this code:

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

Step 3: Save

Click SAVE TEMPLATE. And It's done!

Enjoy your template and please comment below this article.
Thanks.