Hiding Blogger Top Banner Bar

Found a great way to hide the Blogger top banner bar using CSS:

• In the Blogger Dashboard, select Layout > Template then click Edit HTML
• In the HTML code, find the line /* Variable definitions
  
• Add CSS definition #navbar-iframe { display: none !important; } directly above the /* Variable definitions line
  

Here's a video outlining the steps.