In an earlier post i covered removing the blogger navbar completely.

In this post i will show you how to set the navbar to only appear when the mouse hovers over it so it can be used but wont be visable at all times, This is called a peek-a-boo effect..



You Can See A Live Demo Here

Removing navbar and setting peek-a-boo effect are not against blogger T.O.S.

We set navbar to hover effect in three easy steps :

1.Select 'layout' then 'Edit Html' for your blog.

2.Find this piece of code in your blogs html:

]]></b:skin>

3.Add the code below just BEFORE ]]></b:skin>

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

Click save template and that's it check out your blog with its new hover navbar.

Just remove the code to set the navbar back to standard or to see how to remove it completely Click Here

---

Comments : We are using Discus comments so you have more options when commenting.
If your asking a question or looking for extra help make sure to subscribe to comments by Mail and you will be notified when i reply.