How to remove Blogger Navbar in New Blogger

I noticed that other blogger removed the navbar from their blogspot..I still thinking about how they did it? I don't like the blogger bar across the top of my blogs. So, I was searching something which can give the tips 'blogger' in the internet..Finally, it turns out that the code CSS used to change in the Edit HTML! I suggested that you better jump into the new Blogger almost immediately after its beta launch. You will notice that the previous CSS code to remove the blogger navbar will no longer be effective. That’s because Google now uses different CSS tags to display the blogger bar. [#navbar-iframe instead of #b-navbar]

Let me help to teach you about how to remove the navbar ;)

The Blogger Navbar is a navigation and search bar on top of all blogspot blogs. Though they provide several useful features and different colours, sometimes it may not blend with your template.

You just add the following lines anywhere in your Blogger template and the blogger banner will be gone forever.

After you login in, you 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...

You just paste code CSS in the top of the template code:
Blogger Template Style
Name: xxxx
Designer: xxxxx
URL: xxxxx
Date: 27 Aug 2008
Updated by: Blogger Team

#navbar-iframe {
display: none !important;

Variable definitions
[variable name="mainBgColor" description="Main Background Color" type="color" default="#fff" value="#ffffff"]
[variable name="mainTextColor" description="Text Color" type="color" default="#333" value="#333333"]

So try all these tips, something should work for you. Have fun blogging!

Or you can see the tutorial here (get subbed english);

Remove Blogger Navbar - video powered by Metacafe

Post a Comment