How To Remove Blogger Navigation Bar in Draft Template Designer

How to delete navigation bar on Blogger Draft template?
How to remove default bar on Draft Template Designer?

The previous method to remove default Blogger navigation bar cannot be used anymore with templates designed from Blogger Draft Template Designer.


Here's how to remove the navigation bar on Template Designer's templates:

Dashboard > Layout > Edit HTML
Add this code:

#navbar-iframe { display: none !important; }

just above this line:

]]></b:skin>

(instead of below <b:skin><!--[CDATA[/* in the previous method).

Then save it, view your blog and it's done!

---

***UPDATE (3/7/2010)***: It can also be done via this method. Navigate yourself through:

Dashboard > Design > Template Designer > Advanced > Add CSS
And then add this:

#navbar-iframe {display: none !important;}

Click "Apply to Blog" and you're done.

Credit: Comment by Bytexpert

P/S: Click here to view update on its individual post.