Remove the blogger Navbar

This tutorial is on how to disable, auto hide, and change Transparent Setting the blogger navbar from your blog.

Hide Navbar

1.       Go to your dashboard, Under design tab click Edit HTML

2.       Paste the code below ( above body { )

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

Auto Hide setting :

Copy the red text below, then Paste it above body}

    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

Transparant Setting:

Copy the red text below, then Paste it above body}

    #navbar-iframe { opacity:0.2; filter:alpha(Opacity=0); }

    #navbar-iframe:hover { opacity:0.5; filter:alpha(Opacity=100, FinishedOpacity=50); }

Please note that according to the term and condition of blogger.com, you’re not allowed to remove or disable the navbar unless you host your blog under your own server.