Cómo agregar un contador en los comentarios de Blogger

Publicado el 19 junio 2014 por Danyca


Generalmente las plantillas o themes de Blogger vienen con contadores de comentarios por cada artículo que publicamos, pero en esta ocasión les enseñaremos un pequeño truco con el que podemos agregar un contador en los comentarios que los usuarios dejan así como un contador en las respuestas o citas a otro comentario de un usuario.

Para poder usar el truco hacemos lo siguiente (paso a paso):
Vamos a nuestra cuenta de Blogger seleccionamos “Plantilla” en el menú del blog que vamos a instalar el código.
Una vez dentro de la visión del código de nuestro theme buscamos lo siguiente (CTRL+F):

]]></b:skin>


Y pegamos el código abajo (el CSS):

.comment-thread ol {counter-reset: countcomments;}.comment-thread li:before {content: counter(countcomments,decimal);counter-increment: countcomments;float: right;font-family:verdana, georgia, arial;font-size: 16px;color: #777777;padding-left:11px; padding-top:4px; background:#ffffff ;border:1px solid #dcdcdc;border-radius:10px;margin-top:8px; margin-left:11px; width: 56px; height: 40px; }.comment-thread ol ol {counter-reset: contrebasse;}.comment-thread li li:before {content: counter(countcomments,decimal) "." counter(contrebasse,decimal);counter-increment: contrebasse;float: right;font-family:verdana, georgia, arial;font-size: 16px;color: #666666;}


Seleccionamos el botón de “Guardar” y podremos ver los cambios inmediatamente. Como puedes ver el truco es muy sencillo y únicamente lo que hacemos es aplicar CSS y el contador. Otro sistema que también te ayudar a agregar contador de comentarios es Disqus el cual es muy fácil de instalar.