How to Remove the Blogger Bar…

I have been spending quite a bit of time on my blog lately (everyone can probably guess that by my daily posts.) One of the things I have been wanting to do is get rid of the Blogger Bar across the top. I know it is silly but it drove me crazy! So I once again turned to Google and typed: blogger navigation bar images and it came up with this blog.

It was pretty easy once I figured out what in the world he was talking about. More Print Screen Tutorials – YAY!

Dashboard –> Settings –> Edit HTML (insert favorite cuss word or words here)

VIP: BEFORE TOUCHING HTML DOWNLOAD FULL TEMPLATE OR COPY AND PASTE THE HTML CODE IN WORD OR NOTEPAD. IF YOU (I MEAN ME) SCREW THIS UP YOU WILL HAVE TO REDO YOUR WHOLE BLOG (TRUST ME). IT IS MUCH EASIER TO COPY AND PASTE OPPOSED TO REBUILDING THE WHOLE THING!!!!

About 1/2 way down the HTML there will be a thing looking like this ]]> before that paste: #navbar { display: none } Click Save Template. View your blog and the Blogger Banner should be gone!!!!

Another handy tip – the above steps will remove the Dashboard – My Account – Help – Sign out from across the top but if you are logged in and type dashboard after your address you will get a message from Blogger saying: Page not found but the access to the Dashboard will reappear. Another option is to type http://www.blogger.com into the address bar and that will bring you back to the Dashboard.

UPDATED 5/23/11:

PLEASE KEEP IN MIND IF YOU CHANGE YOUR TEMPLATE IN ANY WAY SHAPE OR FORM YOU WILL LOSE THIS INFORMATION. You also can now enter a CSS code to remove the Blogger Bar.

Log into Blogger –> Dashboard –> Design –> Template Designer –> Advance –> Add CSS –> Copy the following code: #navbar-iframe {display:none;}
–> Apply to Blog
You are done!

This way is easier but you do have to replace this code any time you want to change something so it is a pain in the butt!