Número de comentarios encima del post

Si te gustaría dar un aire diferente a tu blog, una recomendación que te doy es la de poner el número de comentarios que tiene cada entrada encima del post para que resalte más, de esta manera será más visible para los visitantes.
Para hacerlo, entra en "Diseño", "Edición de HTML" y marcando la casilla "Expandir plantillas de artilugios" busca lo siguiente:

<b:includable id='post' var='post'>

Justo debajo de esa línea pegamos esto:

<span class='post-comment-link-arriba' style='font-size:24px; background: url(http://1.bp.blogspot.com/_DOA8LkhbOkA/TBCDOEHISMI/AAAAAAAABDE/8yvvp2RIXmk/s1600/imagen-para-albergar-comentarios.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>

Y listo, tendrás el número de comentarios arriba de la entrada.
Puedes cambiar el icono de comentarios por otro, sólo cambia lo que está en color rojo (http://1.bp.blogspot.com/_DOA8LkhbOkA/TBCDOEHISMI/AAAAAAAABDE/8yvvp2RIXmk/s1600/imagen-para-albergar-comentarios.png) por la dirección de tu icono.
Si cambias el icono deberás cambiar donde dice width (ancho) y height (alto) por las medidas del nuevo.
El tamaño de los números se cambia donde dice font-size:24px; y la posición de los mismos donde dice padding:5px 7px 0 5px; y puedes cambiar la posición modificando float:right por float:left para que aparezca en la izquierda.

Si no quieres que el icono de comentarios aparezca en las páginas estáticas, cierra el código anterior así:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

...aquí se pone el código...

</b:if>

De ese modo sólo aparecerá en las entradas pero no se mostrará en las páginas estáticas.

Fuente