Hobby – Family – Technology – More!

Remove Blogger NavBar

One quick post to remind myself of this valuable tip on using the free blogger blog service.

This is about how to remove the blogger navbar on the top part of the page/blog.

Here’s what you need to do:

  • Log in to blogger
  • Go to Dashboard, select Layout
  • Click Edit HTML
  • Paste the quoted CSS code o1n the top of the template code

#navbar-iframe {
display: none !important;

Place that after the author credit and before the variable definition part of the template.

I know those who’ve been using blogger for some time now knows this. This blog post is for the benefit of those who still have no clue or didn’t even know that you can remove that navbar.

This post is for myself too, para di ko makalimutan. :)


6 Responses to “Remove Blogger NavBar”

  1. sarah says:

    happy new year!

  2. derek says:

    eli, you forgot the closing bracket ” } “. :)

  3. Elizar says:

    wow, thanks for pointing that out derek.. :)

  4. Is this hack even allowed by blogger? Your readers might get banned if this were against TOS of Blogger.com.

    ^_^ Just wondering. Happy blogging!

  5. Elizar says:

    your right Karlo.. better check that out..

  6. Basapa says:

    Hey, Eli. I was the first one among the bloggers who found out a way to remove the navbar in August 2006:


Leave a Reply

Powered by WordPress | Designed by Elegant Themes