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 != "static_page"'>
...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.
0 Comentarios