HOME | ABOUT | CONTACT |

Search

Custom Search

Saturday, May 31, 2008

How to Hide Your New Blogger Navigation Bar?

Navigation bar in New Blogger serves as easy navigation between blogspot blogs. It also allows you to login easily. However, a lot of Google bloggers removed it for the aesthetic purpose. In my opinion, it may take it longer to load your blog too. According to Amit Agarwal, a well known professional blogger from India: "There's some hope now. Google recently organized a road show in select Indian cities to promote their Blogger platform. Ankit attended the event and requested clarity on the navbar policy from the Googlers present at the roadshow. They immediately called up their team based in Google's Bangalore office and confirmed to Ankit that it's legal to hide the navbar."


So if you are interested in hiding yours. The following steps will show you a couple of ways to hide it and it is pretty easy:
  • First login to your Blogger account.
  • Second click on Layout/Edit HTML. See the screenshot below: Layout/Edit HTML
  • Next make sure you back up your template before you go any further. See the screenshot below: Layout/Edit HTML/Backup Template
  • Next holding Ctrl and hit F, copy and paste </head> line in the search box to find it.
  • Then copy and paste one of the following codes right above </head>.
    #Navbar1 {
    margin: 0;
    padding: 0;
    display: none;
    visibility: hidden;
    }

    #navbar #Navbar1 iframe {
    display:none;
    visibility:none;
    }
    div.navbar {
    opacity:0;
    display:none;
    }
    #navbar-iframe{
    height:0px;
    visibility:hidden;
    display:none
    }



    This is how it turned out to be:
    body#layout #sidebar-wrapper,
    body#layout #newsidebar-wrapper {
    width: 150px;
    }

    #Navbar1 {
    margin: 0;

    padding: 0;

    display: none;

    visibility: hidden;

    }


    ]]> </b:skin>
    </head>

  • Finally click on SAVE TEMPLATE button to save it.
I have tried all of them and all of them worked for me. Good luck to you.

0 comments:

Post a Comment

Search

Custom Search