7 Comments

How to Hide the Blogger Navbar in the New Blogger Beta

zz5d7ae02b.jpg

Upset that you migrated to the new blogger beta, because the navigation bar at the top of the screen is back? Here is how you can permanently hide it!

Just add the following lines anywhere in your Blogger template [enclosed by <style> tags] and the blogger banner will vanish!


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

If there are any other surefire methods anybody knows, drop them in the comments!


  • http://www.alifelessordinary.com/ Thomas J. Brown

    Gang warily when applying this to your Blogspot page, as it’s a potential violation of the Terms of Service.

  • http://www.uneasysilence.com Dan

    Thomas –

    People have argued that the TOS is null and void, because it reefers to Pyra Labs as the owner of Blogger – which they are not.

  • Phil

    The css code really only needs
    display:none;
    to hide the navbar, and maybe an !important declaration.

  • http://chump-style.blogspot.com Wezzo

    Another way is just to put a <i>noembed</i> tag around the start body tag.

  • http://chump-style.blogspot.com Wezzo

    oh never showed up…

  • http://www.osground.com Drew

    Thomas: The thing is how many people actually read those terms?

    Most of the time I see people were using the noembed tag like WEZZO showed.. Guess this comment don’t allow special characters :P

  • http://sstrm.blogspot.com/ SSTRM

    I had to use this code once again on a new blog, but i have completely forgotten it. Thanks for the old reminder.

Privacy Policy | About Us | Contact Us | Write for us