Comentarios numéricamente ordenados

Explico rápidamente lo que ya apunté en la entrada anterior, acerca de las listas. (Ver Listas ordenadas y sin orden )

Como he comentado, lo único que hice fue aplicar la estructura de la lista ordenada a mi bloque de comentarios, añadiendo las tags "ol-ul-li" de esta manera (las destaco en color amarillo):

<div class='recent'><ul id='recently'>

<ol>

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<div class='commentphoto' style='float:right;'/>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<li>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>

</li>

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

<div style='clear:both;'/>

</b:loop>

</dl>

</ol>

</ul></div>