Hover Effect on Blogger Navbar

Your Blogger navbar will only shown when your cursor on it.

Step 1:
Click Dashboard > Layout > Edit HTML

Step 2:
Find the code :

]]></b:skin>

Step 3:
Add the code below the code above.

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

Step 4:
Save Template!

Credits: Source