Wednesday

Pin It

Widgets

2

Hide top navigation in blogger

  • Wednesday
  • Andy Law
  • Share
  • 1. Go to Design / Layout
    2. Click Edit HTML
    3. Tick the "Expand Widget Templates" box
    3. Find the following codes


     






    -----------------------------------------------
    Blogger Template Style
    Name:     Simple
    Designer: Josh Peterson
    URL:      www.noaesthetic.com
    ----------------------------------------------- */
    
    /* Variable definitions
       ====================
       
    

    4. Add this codes just before the  "/* Variable definitions"
    #navbar-iframe {
       display: none !important;
    }
    5. It should look like this:
    -----------------------------------------------
    Blogger Template Style
    Name:     Simple
    Designer: Josh Peterson
    URL:      www.noaesthetic.com
    ----------------------------------------------- */
    
    #navbar-iframe {
       display: none !important;
    }
    
    /* Variable definitions
       ====================
       
    

    2 Responses to “Hide top navigation in blogger”

    Stephanie said...
    13 July 2011 at 01:18

    Hi Andy. I posted a question on blogger on how to remove a gray box over my background. I cannot figure it out. Is there anyway you can try to figure it out for me? FYI, I tried switching my background to other ones from the same website (The cutest blog on the block) and the gray box disappears on every other background besides the one I want. My blog address is: capturedmomentsbystephanie.blogspot.com. Thanks for any help you can give me!
    Stephanie


    Andy Law said...
    14 July 2011 at 16:07

    Hi Stephanie,
    You want to hide the Shappy..button, don't you?.
    To hide it,
    1. Go to Layout
    2. Find the gadget that you added the background code
    3. Click on Edit, a pop-up window will open, and you will see the code you added before.
    4. Find this code

    shabby_div%20%3D%20document.createElement%28%27div%27%29%3B%0Ashabby_div.innerHTML%20%3D%20%27%3Ca%20target%3D%22_blank%22%20href%3D%22%20http%3A//www.shabbyblogs.com%22%3E%3Cimg%20border%3D%220%22%20src%3D%22http%3A//www.ShabbyBlogs.com/storage/ShabbyBlogs.jpg

    Because you use different background, your code may be different. So just find the code similar. (to do this, press Ctrl + F, type shabby_div, then highlight the code from there until ShabbyBlogs.jpg)

    5. Delete it.
    6. Click Save

    Enjoy!


    Post a Comment

    SUBSCRIBE NOW to get the latest posts