Type in key words and search my blog here:

Loading

Friday, September 11, 2009

Hide your Navbar

You can hide your Navbar, in a Peek-A-Boo style. You can see the code in action, by clicking on my photo website My Photo Heart. If you put your cursor at the top of the page the Navbar will show.
This cool tool was made by Bloggeratto, and touted by Pocket. I liked this tutorial so much, that I used it on Easy Custom Blogs as well. This does not work consistently with IE (Internet Explorer) but works great with Mozilla.

Step 1 - Back up your template.

Click HERE to learn how.

Step 2 – Edit your HTML.

Go to CUSTOMIZE/LAYOUT/EDIT HTML

You will FIND this in your code by pressing the CTRL and the F key together. Put this code

]]></b:skin>

in your search box.

JUST BEFORE THIS CODE, add the following code:

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

Hide_Navbar_Instr
Step 3 – Preview and Save

The preview may not show the Navbar at all. I didn’t think mine was working at first, but once you save it you will see that it works.

Here’s to more happy scrapping, and

Hugs from the heart,

Jeanette

3 comments:

  1. Thank you for the information! You are always soooo helpful!!
    davideandtalisha.blogspot.com

    ReplyDelete
  2. Hey Jeanette,

    Thanks so much for this, have tried it out and works a treat.
    Thanks for all your time and effort in helping us all out, Much apprecieated.

    Hugs
    pspscrapper

    ReplyDelete
  3. Thanks for the good infom, once again!

    http://www.wrestlingretirement.blogspot.com

    ReplyDelete

Thanks for taking time to leave a comment. I would love for you to include your blog address

Just copy and paste the following in your comments and add your blog address and blog name, and you will easily post it in your comments. Don't leave any spaces!

<a href="YOUR BLOG ADDRESS HERE/">YOUR BLOG NAME HERE</a>

-:¦:-.•:*¨¨*:•.-:¦:-.•:*¨¨*:•.-:¦:-.•:*¨¨*:•.-:¦:-

Here's to more happy scrapping, and
Hugs from the heart,
Jeanette

ONE SIZE TEMPLATE

ONE SIZE TEMPLATE
Blog Background Template