How to AutoHide NavBar

If you dislike the appreaance of NavBar in blogger, you can auto-hide it. The Navbar will be hidden unless you hover the mouse to the top of your blog. Here are the steps..

In you dashboard, go to Template, and on the center of the page, click Edit HTML. The snapshot of the page is shown below.

After clicking on the Edit HTML, a warning page will appear. Just click Proceed as you wouldn't need to change plenty of codes.

The HTML code would then appear as displayed here. As the code is very long, use Search function (Ctrl+F), and search for body {. Once you locate the line, insert the following codes just above the line.


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

Click Save Template. And that's it!

Enjoy!