I hope the following blockmark usage examples would help clarify the many blockmarks and associated usages.
<!-- do not need conditional, no output if empty -->
<%stf_teaser%>
<!IoRangeConditional>
<div class="orange">
<%stf_teaser%>
</div>
<!/IoRangeConditional>
<!IoRangeRedDotMode>
<!-- this is shown in SmartEdit, either open or closed
<div class="reddot-area">
<!IoRedDotOpenPage>
<!IoRangeNoEditMode>
<!-- this is shown when this section is closed in SmartEdit -->
<div class="reddot-closed">[Open to Edit]</div>
<!/IoRangeNoEditMode>
<!IoRangeRedDotEditOnly>
<!-- this is shown when this section is open in SmartEdit -->
<div class="reddot-opened">[Close to Edit]</div>
<!/IoRangeRedDotEditOnly>
</div>
<!/IoRangeRedDotMode>
<!--
if you want to produce repeatable HTML with variable content,
and the links go to the DIFFERENT sub folder
<ul>
<li><a href="/products/link1.htm">link 1</a></li>
<li><a href="/news/link2.htm">link 2</a></li>
<li><a href="/about-us/link3.htm">link 3</a></li>
</ul>
-->
<ul>
<!IoRangeDynLink>
<li><%anc_dyn_links%></li>
<!/IoRangeDynLink>
</ul>
<!--
if you want to produce repeatable HTML with variable content,
and the links go to the SAME sub folder
<ul>
<li><a href="/products/link1.htm">link 1</a></li>
<li><a href="/products/link2.htm">link 2</a></li>
<li><a href="/products/link3.htm">link 3</a></li>
</ul>
-->
<ul>
<!IoRangeList>
<li><%lst_links%></li>
<!/IoRangeList>
</ul>
