Tuesday, July 3, 2007

Hide the NavBar

To hide the navbar form the top of your blogger ,it will be displayed when the mouse
roll over the navbar.


Step 1:

On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.



Step 2:

Find the Green html code as blow(You may use other template which should
looks similar)

<b:skin>
<![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */


Step 3:

Copy the below sprict between Step 2 html code and before </head>


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

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


Done!!