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;
                                                }
  3. 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;
                                               }
    4.Then Save the Template.

1 comment:

  1. Horey... It`s fixed! thank you, I appreciate you for taking the time out of your day to share the great part from your experiences and honestly I got it at the best point. If you have another free time would you please share your thought on our newly added product here http://www.royalgorden.com/. Thank you in advance and have a great time...

    ReplyDelete

Since this provide a free Backlink to you. feel free to comment and get a free Backlink.