Con este truco podrás añadir en tu blog algo bastante útil: la numeración de comentarios. Esto ayudará a tus lectores a leer cada una de las opiniones realizadas en tu blog y que, a partir de ahora estarán ordenadas.
Desde hace un tiempo estuve probando varias formas de hacer el truco y conseguí idear un script (muy corto y fácil de instalar ya que solo tiene dos pasos) que numera cada comentario y se visualiza correctamente en Firefox e Internet Explorer.
Busca la etiqueta </head> y encima pega este script:
<script type='text/javascript'>
//<![CDATA[
var balcont = 0, balconti = '';
function Showbalcont(balcn1) {
if (balconti != balcn1) {
balcont = 0;
balconti = balcn1;
}
document.write(++balcont);
}
//]]>
</script>
Ahora busca este bloque y añade lo que te muestro en color verde:
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
(<script type='text/javascript'>
Showbalcont('<data:post.id/>');
</script>)
</b:includable>
Guarda la plantilla para terminar...
Nota:
Puedes reemplazar los paréntesis por una frase. En ese caso, borra el último paréntesis y sustituye el el primero por las palabras escogidas.
Muchas gracias Jaime, había intentado poner la numeración parecida a como la tienes tu y no había manera. De esta forma me ha salido a la primera. Besos
Lourdes, la numeración de los comentarios del Balcón lleva un script distinto que os ofreceré más adelante. Aprenderemos también a personalizar los números de cada comentario así como el diseño de éstos últimos ;).
¡Abrazos!
Jaime, nuevamente un +10 para ti... no tienes idea cuantos códigos había probado para intentar introducir la numeración en los comentarios y no había podido quizás por mi tipo de plantilla. Con este me ha funcionado a la perfección! Muchas Gracias
Ŵebmaster™, lo mejor de todo es que también se visualiza en Internet Explorer (en ocasiones la numeración de comentarios solo es visible en Firefox).
Veo lo bien que te quedó ;).
¡Abrazos y gracias a ti por comentar!
Yo lo he testeado en firefox, internet explorer, opera, Safari, google chrome, Avant Browser, Netscape y funciona a la perfección!
¡Entonces perfecto, Ŵebmaster™! Me alegra que por fin hayas podido numerar tus comentarios.
Hola, mi plantilla no muestra número de comentarios en la portada y quisiera modificarlo, poque me interesa. Me podrías ayudar?
Gracias
www.dechivilcoy.com.ar
Alcides, necesitaría ver el código completo de la plantilla ya que a simple vista no puedo dar con la forma de mostrar el número de comentarios en cada uno de los bloques que dividen el contenido en la portada.
Aunque tardaré un poco en responderte, puedes enviarme la plantilla al correo.
Hola Jaime. Ayer te di las gracias por la idea de colorear los diferentes comentarios en el blog y te consulté sobre alguna manera para numerarlos, pero sinceramente, no me agrada mucho esta opción que tú ofreces, aunque sí la que tienes en tu blog. Yo uso Firefox. ¿Hay alguna forma de saber cómo lo has hecho tú?
Un saludo, y muchas gracias por tu respuesta.
Yolanda, en mi blog instalé este mismo truco aunque atribuí al número propiedades CSS para personalizar su tamaño, color de texto, fuente... Y a su vez lo coloqué al lado del nombre del comentarista.
Accede a la tabla de colores, indícame el color que desearías y la posición en la que quieres mostrar el número para que pueda enviarte el código.
Hola Jaime!! ¡Qué majo eres! Aquí estoy de nuevo en respuesta a tu mensaje. Mira, el color que me gustaría sería uno que pudiera ir acorde con mi blog, y he pensado en éste: #db396a. El lugar en el que querría que apareciera el número del comentario sería a la derecha de cada comentario.
Un beso.
¡Hola Yolanda! Ya que deseas mantenerlo en la posición que explico en esta entrada, será muy fácil.
Realiza el truco tal y como indico pero añadiendo lo siguiente antes y después (respectivamente) del bloque resaltado en color verde que aparece en el segundo código a añadir:
<span style="color:#db396a;font-size:12px;">
AQUI EL CODIGO VERDE
</span>
Agregué también la propiedad font-size de forma que puedas modificar el tamaño del número (aumentando o disminuyendo la cifra 12).
Si recibes cualquier error avísame. ¡Abrazos!