An overview on how to create and use Blogger default markup.
<b:defaultmarkups> is for creating a reusable HTML code or a default placeholder code for blog gadget.
To create a reusable HTML code, create a default markup with a Common type. Any includable elements inside will be made available globally.
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='defaultMessage'>
Your message goes here.
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>Finally, use <b:includable> anywhere in your template code. Anywhere inside <head> and <body> is fine, excluding certain places (b:skin, CDATA).
<b:include name='defaultMessage'/>Example:
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='@messages'>
<b:switch var='data:type'>
<b:case value='default'/>Your message goes here.
<b:case value='update-notice'/>Blog under maintenance.
</b:switch>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<b:include name='@messages' data='{ type: "default" }'/>
<b:include name='@messages' data='{ type: "update-notice" }'/>Any newly added widget will takes the code form default markup of the same widget type. You can update existing widget to use the default markup by reverting the widget. Reverting a widget will reset any HTML changes in the widget tag. The widget settings will not be affected.
Example:
<b:section id="main">
<b:widget type="Blog" id="Blog1" locked="false" version="2"></b:widget>
</b:section>
<b:defaultmarkups>
<!-- # Blog_widget -->
<b:defaultmarkup type="Blog">
<b:includable id="main" var="this">
My custom Blog widget content.
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>You can create <b:section> as an includable element inside common default markup, like so:
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='section_footer'>
<b:section id='Footer'>
<b:widget locked='false' type='LinkList' id='LinkList1' />
</b:section>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>That way, you can have less HTML code to move around. This makes blog layout development far easier than having to collapse/expand nested HTML tags every so often.
<div class='footer'>
<b:include name='sections_footer'/>
</div>