1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Pop Out Navigation Bar On Blogger

Discussion in 'Blogging' started by afouani1, Nov 21, 2009.

Tags:
  1. afouani1

    afouani1 Newbie

    Joined:
    Sep 29, 2009
    Messages:
    34
    Likes Received:
    11
    I am sure most of you remove the navigation bar on blogger but for those of you who don't want to keep the navbar this is a nice trick, insert this code:

    Code:
    /* Blogger Navigation Bar */
    #navbar-iframe {
    opacity:0.0;
    height: 10px;
    filter:alpha(Opacity=0)
    }
    #navbar-iframe:hover {
    opacity:1.0;
    height: 30px;
    filter:alpha(Opacity=100, FinishedOpacity=100)
    border: 2px;
    }
    put it right before
    Code:
    /* Variable definitions
    in your template.

    It hides the bar unless someone moves their mouse over it.
     
    • Thanks Thanks x 1