Remove or Hide Navigation Bar of Blogger Blog

Share

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;
     }

     (In this case, Navigation Bar will be displayed only when the user scrolls the pointer at the top)

4. Then Save the Template.

Share

Article by Shafar.
About the Author: Tech Freak, Android Lover, Wordpress Addict, Social Media Junkie and the Founder of TipsBlogger.
To submit guest posts to TipsBlogger, please read the Guidelines.

One Responseto “Remove or Hide Navigation Bar of Blogger Blog”

1. Fernando Benito says:

   November 13, 2011 at 5:00 pm

   This one will work too:

   #navbar-iframe {
   display:none;
   }

   or you can add all the properties like this:

   #navbar-iframe {
   visibility: hidden;display:none;height:0px;
   }