I've created a responsive theme for Blogger. Thus, since the Layout page shows is a reflection of the actual layout, but doesn't make use of media queries. Everything is lined up vertically at 100% width in the admin area(which is expected).
My question: is there a way that I can label the sections somehow so that the labels show up on the layout page, but not when viewing the site? Currently when viewing the layout page, there are 8 sections that say "Add a Gadget", and the user has no way of knowing which section is what.
Years later, the correct answer is now outdated and no longer works. However, Google added support for naming sections by simply adding the attribute: name="NameOFSectionHere"
to the widget section.
Complete example for naming your header section "New Header" in the "admin > layout":
<b:section id='header' name='New Header' showaddelement='true'>