Sunday, May 31, 2009

Remove or Hide Navigation Bar of Blogger Blog

How to Remove or Hide Navigation Bar of Blogger Blog

Please Note: Before Editing your Template, Save a copy of your current template by clicking 'Download Full Template' in 'Edit HTML' page of the Blogger 'Layout' Window and 'Preview' the changes before Saving

Navigation Bar appears at the top of Every Blogger Blogs. It helps the Visitors to Search any Blog in Blogger Directory or to Flag any Objectionable Content in the Blog. Some Bloggers really don't like this Navigation Bar as it causes some 'discomfort' to their nice template! It's very easy to remove or hide the navigation bar of blogger(blogspot) blogs.

Just do the following steps:

  1. Go to Edit HTML page in the Blogger Layout Window

  2. Find the following Code:
    #navbar-iframe {
    height: 30px;

    • To Remove the Navigation Bar, Replace the above code as:
      #navbar-iframe {
      height: 0px;

    • To Hide the Navigation Bar, Replace the code as:
      #navbar-iframe {
      visibility: hidden;
      (In this case, Navigation Bar will be displayed only when the user scrolls the pointer at the top)
  3. Then Save the Template.

No comments:

Post a Comment

[Please do not advertise, or post irrelevant links. Thank you for your cooperation.]