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