Blogger Templates

Blogger Templates, Tips and Tricks. We Walk the Talk Blog.

4:13 PM

How to Hide Navigation Bar

Posted by Leathergloves on Thursday, January 14, 2010

You may like to hide the Blogger Navigation Bar to make your blog look more professional.

How to do it?

To hide the Blogger Navbar :

  1. Log in to Blogger
  2. On your Dashboard, select Layout->Edit HTML. Check "Expand Widget Templates" box.
  3. Save a copy by clicking on "Dowload Full Template" link
  4. Look for this similar code
    body {
    margin:0;
    padding-top:0px;
    background:#2F2723 ;
    font-family:Verdana,Tahoma,sans-serif;
    color:#99806B;
    font-size:13px;
    }
  5. Copy and paste the CSS definition before the code:
    #navbar-iframe
    {
    height:0px;
    visibility:hidden;
    display:none
    }
  6. Save Template

4 comments:

Ranga said...

thanks for the post, this is helpful, i did it on my page: http://chudai-ki-story.blogspot.com . working great.

thapasagar said...

Really I was here looking for some Blogger Template but your tip on Hiding Navigation Bar helped me. Thanks a lot friend..

Leathergloves said...

You are most welcomed, thapasagar.

Ranga said...

What an amazing tech i just learned, this is a great tip....applied on http://free-soft-all.blogspot.com

Copyright © 2024 Blogger Templates 123. All rights reserved.

Home | About | Contact | Privacy Policy | Disclaimer