Filed under:
Blogger renders <b:section> and <b:widget> as a <div> tag. If you prefer to render the widget content directly, you can comment it out using <!-- and --> like so:
<!--
<b:section id='post-section'>
<b:widget id='Blog1' locked='false' type='Blog' version='2' visible='true'>
<b:includable id='main'>
-->In the page response, those two will be rendered as a comment tag, hiding both the section and the widget container elements:
<!--
<div class='section' id='post-section'>
<div class='widget Blog' data-version='2' id='Blog1'>
-->Remember that you have to comment out the closing tag too:
<!--
<b:section id='post-section'>
<b:widget id='Blog1' locked='false' type='Blog' version='2' visible='true'>
<b:includable id='main'>
-->
... widget content ...
<!--
</b:includable>
</b:widget>
</b:section>
-->Also pay attention that it has to span into and from the <b:includable id="main">, because this is where the widget content starts, and because you're not allowed to put any text directly under <b:section> and <b:widget>.
This is a proof of concept for the JavaScript page builder script that I'm writing. It lacks features in many ways, but is partially usable for a small personal blog.
true