Poner número de comentarios en el post en Blogger

martes, junio 01, 2010
COMPARTE EL POST

comments

Más de uno podrá coincidir en que a veces Blogger no toma en cuenta ciertas cosas que como blogueros si es importante, una de ellas es el hecho de que si nuestros posts están siendo muy comentados los usuarios no vean ese dato porque generalmente aparece en la parte inferior del post, cosa que mucha gente no nota, por eso les traigo un tutorial para poder colocar el número de comentarios en el post, de esa forma tendrán una mejor visualización sus usuarios del número de comentarios que se han hecho.

La modificación es sencilla, sólo entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:

<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://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/s400/bubble.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.
Por supuesto puedes cambiar el icono por otro, sólo cambia lo que está en color rojo por la URL de tu icono.
Si cambias el icono deberás cambiar donde dice width (ancho) y height (alto) por las medidas del nuevo que has puesto.
El tamaño de los números se cambia donde dice font-size:24px; y la posición de los mismos en donde dice padding:5px 7px 0 5px;

Espero que les sirva y si tienen alguna duda o problema con el código no duden en comentar para poder ayudarlos

Vía ciudadblogger

¡Síguenos en Twitter!


Deja tu comentario