13/11/13

Cómo numerar los comentarios en Blogger

Venga vale, de la colección de posts escuetos que hemos tenido estos días

Aprovecho, por cierto, para recordároslos, así relleno jaja:


Este se lleva la palma. 

Eso sí, tengo que decir: a diferencia de otros códigos que os proporciono, este no lo he escrito yo. 

Sin embargo, no tengo ni idea de la fuente original. Hace mucho tiempo (pero mucho, mucho: ¡un año!) mi amiga Pat, de Crafty Box, me preguntó cómo podía enumerar los comentarios de su blog. 

Me decía exactamente: 

Lo que quiero básicamente es que al publicarse los comentarios sobre un post, se vayan numerando, conforme sean publicados, del 1 en adelante.

Y yo, sinceramente, no tenía ni idea de cómo hacerlo, y además estaba liada recuerdo (es que me acuerdo perfectamente del día que era, era diciembre, justo antes de venirnos a España, y yo estaba en el sofá de casa de la madre de Rob en Irlanda). Total, que Rob salió al rescate y me buscó la solución. 

Sé que la buscó en Internet, no escribió él el código tampoco, pero me lo envió por email sin más. Así que no tengo ni idea de dónde ha salido. 

Lo siento. 

La cosa es que he vuelto a recibir la pregunta varias veces, y prefiero poder daros la solución, que no decir nada sólo porque no sepa de dónde ha salido... 

Podéis ver su efecto, por cierto, en el antiguo blog de Pat (Azucarillos de Colores, recordad que ahora escribe el de Crafty Box)


Si alguien responde luego a un comentario que está más arriba por ejemplo, se re-enumeran. 

Es decir, digamos que los comentarios están: 

1. Olaya
2. Goiatz
3. Ester Pulsikiss

Y de repente yo le contesto a Olaya. 

Vale, pues pasarán a ser: 

1. Olaya
2. Blanca (con comentario de respuesta; esto es, metidito hacia adentro)
3. Goiatz
4. Ester Pulsikiss

¿Cómo conseguir enumerarlos así?


Lo único que tenéis que hacer para que a partir de ahora os salgan numerados como a Pat, es añadir esto en CSS:

.comment-thread ol{
counter-reset: contarcomentarios;
}

.comment-thread ol ol {
counter-reset: contarbis;
}

.comment-header:before {
content: counter(contarcomentarios,decimal)".";
counter-increment: contarcomentarios;
float: left;
padding-right: 4px;
}

¡Y voilà!

¡Espero que os sea útil!

Besos y vuelvo el viernes, que nos vemos en la fiesta de enlaces :)

Muaaah,
Únete a mi newsletter para recibir cada semana un resumen con trucos y recursos

28 comentarios

  1. Qué interesante suena numerar los comentarios! A ver si me pongo y los numero!! Qué de cositas tan útiles nos muestras siempre!! Eres un solete!! La verdad es que sin ti no habría podido arreglar y poner cosas tan monas en el blog!! Millones de gracias!!!

    Nuestro blog: Con la realidad en los talones

    Besazo enorme, Blanca!! :D

    ResponderEliminar
  2. Ohhhh pues la verdad es que va genial!! muchisimas gracias!! voy a ponerlo enseguida.

    besos
    Belén

    ResponderEliminar
  3. Hola me encanta tu blog y me ayudo muchisimo para darle una vuelta de tuerca la mio ,Gracias por ser tan generosa .besos

    ResponderEliminar
  4. Siempre nos sorprendes! Y buff, cuánto me queda por aprender! Espero ir adecentando mi blog poquito a poco! :))

    ResponderEliminar
  5. Muy interesante, como siempre Blanca, gracias.Un beso

    ResponderEliminar
  6. Muy instructivo, como siempre Blanca. Un besito

    ResponderEliminar
  7. Hecho! Qué rápido y fácil.
    Eres la mejor!!!!

    ResponderEliminar
  8. Hola, muchísimas gracias por este post, yo tengo una duda, nunca he usado el CSS ¿Qué habría que hacer, entrar ahí y pegar el código en cualquier sitio?

    Un beso

    ResponderEliminar
  9. Ya he encontrado donde esta el CSS, pero no me permite guardar los cambios ¿qué debo hacer?

    Gracias por tu ayuda

    ResponderEliminar
  10. ¡Blanca, me viene genial!
    Tengo idea de hacer un sorteo en mi blog, que cumple su primer año el 6 de diciembre, y me estaba preguntando cómo hacerlo!!! :-D
    ¡¡Muchas gracias!!
    ¡¡Besitos!!

    http://teconlimonycanela.blogspot.com.es/

    ResponderEliminar
  11. Que interesante, siempre nos traes cosas nuevas para aprender.
    gracias!!!!!!!!!!!!! :))

    besos

    ResponderEliminar
  12. Hola Blanca, muchas gracias por esta entrada, está genial y me ha gustado mucho, la verdad es que te tengo que felicitar por tu blog. Un beso guapa.

    ResponderEliminar
  13. Ya es la segunda vez que salgo de ejemplo, jeje, que gracia!
    Muy interesante, como siempre

    ResponderEliminar
  14. Muy interesante el tema de numerar los comentarios, como mogollon de consejos practicos que das.

    ¡THANK's! :)

    ResponderEliminar
  15. Hola Blanca, una pregunta; es posible un tutorial sobre como poner bordes a los comentarios y su correspondiente avatar.
    Muchas gracias.
    Besos

    ResponderEliminar
  16. Hola Blanca, espero que disfrutaras de tus merecidas vacaciones. Muchas gracias por el post, lo pondré en práctica, es muy interesante. Un besico y mil gracias por todo (no pararé de agradecértelo nunca.)

    ResponderEliminar
  17. Hola Blanca, ya han sido tres o cuatro los tutoriales que he puesto en práctica en mi blog y poco a poco, se va pareciendo a eso, a un blog pero tengo una duda o un posible tema para otro tutorial. Cuando pongo un gadget htl y le doy título me aparecen unas rayas con el texto en medio ¿cómo se hace para cambiar esas rayas, la tipografía etc.. por otra imagen como banderitas, banner etc...
    la dirección de mi blog por si quieres saber mejor a qué me refiero
    http://uncolumpioeneljardin.blogspot.com.es/

    ResponderEliminar
  18. y se podrá numerar sin que cuente tus respuestas? lo digo por las que usan los comentarios para los sorteos que les vendría genial :)

    un abrazo desde GaliciaBlog ;)

    ResponderEliminar
  19. Pero donde lo pongo ese código?? En cualquier sitio??
    Gracias Blanca!
    Un beso
    Ainhoa
    http://www.losangelestambienvistendeprada.com

    ResponderEliminar
  20. ¡Qué interesante! Lo pineo para hacerlo más adelante :)
    Besos.

    ResponderEliminar
  21. ¡Blanca!
    Acabo de aplicar el código en el CSS y me encanta cómo han quedado los comentarios... :-D
    ¡¡Gracias y un besito!!

    ResponderEliminar
  22. Hola) y como hacerlo sin que cuenten las raspuestas? solo contar los comentarios?
    Gracias)

    ResponderEliminar
  23. yo no valgo pa estas cosaas jajajajaaj donde lo pego¿?

    ResponderEliminar
  24. Hola, no me sale la numeracion, me podrias ayudar, gracias?
    La pege justo antes de ]]>

    ResponderEliminar
  25. Lo acabo de aplicar!! Gracias me encanta!

    ResponderEliminar
  26. Me encanta. Además es super sencillo de implementar en la plantilla. Mil gracias, Blanca. Por cierto, aunque sé que ésta entrada es bastante antigua, siguiendo un poco con el hilo de "personalizar lo comentarios" te quisiera preguntar si consideras acertado añadir la caja de comentarios de Facebook en Blogger. Me preocupa que Blogger no los contabilice como visitas reales, puesto que en realidad no los refleja en el total de comentarios. ¿Tú qué opinas al respecto?
    Un abrazo.

    ResponderEliminar

© Personalización de Blogs. Diseño: Eve y Blanca.