How to Make a Peekaboo Blogger Navbar

I did a post a while back on How to Remove your Blogger Navigation Bar but their is an alternative to just removing it. Follow the steps below on how you can keep your blogger navigation bar so it only appears when you hover over the top of your page.

Be sure to back-up your template before you follow the steps below by click on Download Full Template under “Edit HTML” (or “Backup / Restore Template” if your using the new Blogger in Draft).

Step 1. Log into blogger then click on “Design” (or “Template” if your using the new Blogger in Draft).

Step 2. Click on “Edit HTML” (or “Edit Template” if your using the new Blogger in Draft).

Step 3.Press Ctrl+F to bring up your search filed box then type in

Step 4. Copy the code below and past it right before the code we found above.

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

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

Step 5. Then save your template.

Related Posts Plugin for WordPress, Blogger...

Comments

  1. Live*Laugh*Love says:

    no just this one i didnt know how many blog sites you had was all is there anyway you could get my blog out there so i get more followers?

  2. Renee's Joy Journey says:

    Hi April,

    Question? I want my comment for to pop open like yours because the embedded form doesn't allow me to post under my name (only anonomously).

    How can I change over to the pop up form like you are currently using?

    Thanks for your expertise!

    Renee

  3. Nancy@OwensOlivia says:

    I tried this, but it did not work for me. When I saved it, all the code appeared above the bar. :(

  4. Hi Nancy! I'm going to take a look at your blog and contact you. Lets see if we can fix it.

Speak Your Mind

*