How To Add Hovering Peek-A-Boo Blogger Navbar to blogger

Posted by Lasantha Bandara on July 27th, 2009 File Under : change template0 Comment

1.Log in to your blogger dashboard

2.Go to --> layout- -> Edit HTML

3.Scroll down to where you see this:

]]></b:skin>

4.Now add below code just before ]]></b:skin> tag .

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

Look at the example below.

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

]]></b:skin>

5.Click on "Save Templates" and now you are done.

File Under : change template

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.