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. :)

cheers!

6 Responses to “Remove Blogger NavBar”

1. sarah says:

   January 7, 2008 at 9:46 pm

   happy new year!

2. derek says:

   January 8, 2008 at 12:45 pm

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

3. Elizar says:

   January 8, 2008 at 7:17 pm

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

4. Karlo.PinoyBlogero says:

   January 9, 2008 at 1:39 pm

   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:

   January 13, 2008 at 2:46 pm

   your right Karlo.. better check that out..

6. Basapa says:

   January 13, 2008 at 6:08 pm

   Hey, Eli. I was the first one among the bloggers who found out a way to remove the navbar in August 2006:
   http://tinyurl.com/2fufs9

   Thanks.