Hide Navbar

MixHunt

Posts: 11

Joined: Mon Nov 02, 2009 1:53 am

New to the Forum

Post Sat Dec 05, 2009 9:53 am

Hide Navbar

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 :

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:
  Code:


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

Hide Navbar


Switcher

User avatar

Posts: 305

Joined: Sat May 09, 2009 3:19 pm

Knows what he is doing ;)Knows what he is doing ;)Knows what he is doing ;)Knows what he is doing ;)Knows what he is doing ;)Knows what he is doing ;)

Post Sat Dec 05, 2009 4:27 pm

Re: Hide Navbar

Here is another code snippet that will hide the "Blogger Nav Bar".

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


Related Topics


Return to How to ?

Home | Privacy Policy | Contact us | Blogger Templates |
© 2009-10 Blogger Forum. All rights reserved.