Disappearing Navigation Bar

All my templates are created without the top Blogger NavBar for a cleaner look.  If you still want the Navigation bar, but don't want it there all the time, here is a way to make it appear by mousing over the top of the page.

Go to Dashboard>Layout>Edit HTML.  Near the top of the box you will see this:

Blogger Template
Template: Luv Bug
Designer: FernLili
URL:      www.fernlilisblogdesigns@blogspot.com
Date:     Feb 2010

This blogger theme comes under a Creative Commons license.
They are free of charge to use as a theme for your blog and
you can make changes to the templates to suit your needs,
but you must keep all credit links intact which
provides credit to the author.
----------------------------------------------- */

Just under that you will see this code:

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

This is the code that eliminates the Blogger NavBar.  You want to replace this code with the new one so you can hover near the top of the page & the NavBar will appear.  

Copy the code below and paste over the existing code; click Preview to be sure it works then Save.

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

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