Wednesday, June 27, 2012

Removing The Blogger NAVBAR: A How To from 2012!

I've been trying to figure out how to remove the Blogger Navbar for some time, but all the hits I keep finding on my web searches seem to pull up older, outdated results or info.  This info relates to the old blogger.com or blogspot.com input and modifications.  Those instructions are not as accurate or helpful to me these days.  Why?

Because Google has enhanced blogger.com and things are a little different now.  With that in mind, I had figured out how to remove that modern-day blogger navbar.

They say that the navbar is a helpful tool for web cruisers to easily come across your site.  I've never used it myself.  It's too random for my tastes and I don't think I've seen traffic come from that navbar either.

So I'm not too worried about losing traffic by removing it.

So here's how I did my change up.  Here we go...

I hit up my Blog control page (http://www.blogger.com/home) and went to my "Layout" control page for my template.

There, I hit up link near the upper right corner that says "Template Designer."

It's a new page you may have not seen before.  Don't freak out.

Just head to the 'Advanced' link.

If you don't see 'Add CSS' at the bottom of your menu, use the slide-bar to go to the bottom of your options and you should see it.

If you have not mucked with your blog before, more than likely, the "Add custom CSS" square is blank.

In that blank space, past the following code into it:

#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}

Then hit the orange "Apply to Blog" button in the upper-right corner of this page.

For me, that was a "Wallah!" and it worked.  It removed that telltale navbar and now my blog was one step closer to looking more like an independent website than a blogger space.
 

-