10 August 2008

How to remove the default top navbar from Blogger Blog ?


Blogger by default provides a navbar at top which looks like below -

There are lots of features avaiable with this navbar like -
  • A search blog box
  • Flag the content in the blog option.
  • Next Blog option.
  • If you are signed into your blogger account,then Dashboard and Signout option.
Though it's quite useful for the blog users,some blogger want to remove the navbar mostly for the reason of improving the look of the blog.

So, here's step-to-step guide on how to remove default Blogger navbar -


STEP I - Login to Blogger > Layout > Edit HTML.

STEP II - Now copy the following code -
#navbar-iframe {
visibility: hidden;
STEP III - Place the above code anywhere below this tag -
STEP IV - Save template.


If above method is not working you can try following code. Just put following code ABOVE </head> in your template.

<style type="text/css">
#navbar-iframe {   height:0px;   visibility:hidden;   display:none   }

That's it you have successfully removed the Default Blogger Navbar.Check your Blog.

If this not work for you then try following for new blogger.
Remove/Hide Navbar from your Blogger blog.

Related Posts


August 10, 2008 at 4:27 PM

Didn't work.

August 11, 2008 at 3:36 AM

try this code -

#navbar-iframe {

Place it below <head> and save.

November 24, 2010 at 7:16 PM

doesn;t work either

November 25, 2010 at 4:50 AM

If above method does not remove navbar then use another method given here

January 5, 2012 at 3:34 AM

and suppose if u want to show the navbar then???? wats the way out

January 5, 2012 at 5:41 AM

Hi Elvira Lobo(Elli)
Just do the reverse thing

Post a Comment


Twitter Delicious Facebook Digg Stumbleupon Favorites More