Numerar comentarios

Código CSS:

.contadorcomentarios {
background: url(http://img31.imageshack.us/img31/858/postit.gif) no-repeat top right;
float:right;
text-align: center;
padding-top: 10px;
font-size: 22px;
width: 45px;
height:34px;
margin-right:20px;
margin-top: -30px;
}

Cambiar imagen y posición

Encuentra: <dl id='comments-block'> y copia y pega los cambios mostrados en rojo de lo que se muestra a continuación.

<dl id='comments-block'>
<script type='text/javascript'>var contadorComentarios=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<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/>
<span class='contadorcomentarios'>
      <a expr:href='"#comment-" + data:comment.id' title='Vinculo al comentario'>
         <script type='text/javascript'>
            contadorComentarios=contadorComentarios+1;
            document.write(contadorComentarios)
         </script>      </a>   </span>
</dt>
<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>
    <dd class='comment-footer'>
        <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
   <data:comment.timestamp/>  </a>
 <b:include data='comment' name='commentDeleteIcon'/>
 </span>
</dd>
</div>
</b:loop>
</dl>