How To Auto Hide Blogger Navbar

There is another way more likely rather than permanently hiding or snap away your blogger navbar, which is by using the trick of auto hide blogger navbar. In the blogspot, the template default from blogspot have Navbar. Navbar can display if the settings is show.<!--more-->

What is Auto Hide Blogger Navbar?

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.

Note : to practice the following tutorial, you are suggested to use a trial blog.

Here are some ways on How to Auto Hide Blogger Navbar:

1. Please log in to blogger with your ID.
2. Click on Design
   
   
   
   
3. Click Edit HTML menu
   
   
4. It is recommended to make backup first, then click on Download Full Template.
   
   
5. Find code ]]></b:skin>
6. 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)}
   
   
7. Click on SAVE TEMPLATE.
8. 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.

Looks like this is the last session on understanding about Blogger navbar which before has been posted to several postings.

Sumber : How To In Blogger