Hide Navbar From Blogger Layout



Hide Navbar From Blogger Layout as some blog owners dont like navbar at the top of blog to be shown. So you can hide it from your readers as just need to add small piece of css codes to make it invisible.

To hide the Blogger Banner :

blogger navbar

- Log in to blogger

- On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

Find the tag body {

- paste the below code after the body { tag in the Html Section:



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

Or Use

div.navbar {
opacity:0.0;
display:none;
}

Or You can Place If both not works

#navbar-iframe { display: none !important; }

If you have any problem you can post on comments.

8 comments:

praveen said...

Hi anshul. Now there is an easier way to get rid of the navbar. All you need to do is CLICK! Yes! I made a widget that hides the navbar. Is uses the "display:none" property.


http://apnerve.blogspot.com/2009/02/new-apnerves-hide-blogger-navbar-widget.html

Anshul said...

you have made its as an widget just adding javascript code.Property is same.Now an extra widget is addded to layout.

Finance Blog said...

Hi anshul

I want to learn which one is good for seo ( especially google )? :

- with navbar
- without navbar

thanks for your opinion

Anshul said...

@finance blog with or without navbar has no effect on seo of google or any other search engine its just for if you like it to be displayed in your blog or not.so if you dont like it remove it it will not effect seo of google

praveen said...

@anshul
Yes an extra widget is added to the layout which, in fact, helps when ppl change templates. I mean... I need edit HTML everytime I change the template as the widget does all the trick.

Ian MacGregor said...

In case anyone is interested in whether or not hiding the blogger navbar is a violation of the Blogger TOS, it isn't. See the following post with an explanation by a Blogger employee:
http://groups.google.com/group/blogger-help-customizing/browse_thread/thread/c7e3226fe35da11e?fwc=1&pli=1

rasiqzone said...

thank you..
it's very usefull..
now I my blog look more beautifull without navbar..

cottasofia said...

This was a good suggestion that you put up here...dude…..hope that it benefits all the ones who land up here.

Real Estate Attorney Miami Beach

Post a Comment