Hide Blogger Navbar in New Blogger Blogspot

Sunday, September 5, 2010

 
Want to get rid of the blogger toolbar in new blogger that just came out of beta ? 


If you have shifted your blogspot blog from old blogger to the new blogger beta, you may have noticed 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]

If you want to hide the nav-bar in your blogger blog, here's what you should do (these instructions refer to the "new" Blogger layouts templates):

• Go to Template>Edit HTML in your Blogger dashboard and first back-up your template to ensure you can restore it if you make unwanted mistakes!
• Next, find this line in the template: </b:skin>
• Just before this line, insert the following lines of code:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

You can preview your template to see the effect in action, and then save your template to save the changes for good. (Thanks to Testing Blogger Beta for this hack!).