How To Auto Hide Blogger Navbar

By bendol on Saturday, February 5, 2011

Auto hide blogger navbar meaning is when in normal condition, the blogger navbar will not be seen but whenever there is a visitor comes to your blog and point your computer mouse to the navbar position (the highest position from blog) then blogger navbar will automatically appear as in normal or in other word blogger navbar will only appear when the computer mouse point straight at it.

This way feels better because it will not disturb the appearance of your blog, and in the other side the function of blogger navbar will still be useful to do. Nevertheless, there is still one thing that is less comfortable in this trick which is it does not work normally for Internet Explorer browser.

Here are some ways on Auto Hide Blogger Navbar

Please log in to blogger with your ID.
Click on Design
Click Edit HTML menu
It is recommended to make backup first, then click on Download Full Template.
Find code ]]></b:skin>

Copy and then paste the following code right above the code ]]></b:skin>

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

Click on SAVE TEMPLATE.
It is done. You could check on the result, the blogger navbar should be disappearing by now but as the mouse pointed at it will appear.