Numerar los Nuevos Comentarios de Blogger.


Este tutorial lo he tomado de Vagabundia, una página excelente con cantidad de información, trucos y tutoriales para el blog e informática en general. Lo pongo a modo de ayuda-memoria.

Primero ir a Plantilla, Edición de Html, pulso la tecla F3 y me saldrá un buscador en la esquina superior derecha, busco </b:skin> y justo arriba de eso pongo el siguiente código:

.comments .comments-content {
  counter-reset: contadorcomentarios;
}
.comments .comment-block:before {
  /* el contador */
  content: counter(contadorcomentarios, decimal);
  counter-increment: contadorcomentarios;
  /* la posición dentro del rectángulo */
  position: absolute;
  right: 0;
  top: 5px;
  /* las propiedades gráficas de la fuente */
  color: #9AB;
  font-family: Century Gothic;
  font-size: 26px;
}

En donde están la últimas tres lineas puedo cambiar el color de la letra, la fuente, y el tamaño. 

Si te gustó compártelo en tu red social o recomiéndalo en Google!!!

11 comentarios:

  1. ¿Cómo puedo meter el logo personal y el número de comentario dentro del rectángulo?

    ResponderEliminar
    Respuestas
    1. Como los que están aquí??? A eso te refieres???

      Eliminar
    2. .comment-body, .comment-thread li {
      border: 1px solid #000 !important;
      }

      Eliminar
  2. Gracias excelentes consejos los de tu blog y son faciles de hacer despues de la explicacion :)

    ResponderEliminar
  3. te encontre en google y puedo decir que eres un crack , contigo lo consegui a la primera , enhorabuena por tu trabajo

    ResponderEliminar
  4. Muchas gracias amigo el único código que me funciono , y sin hacer mucha edición en el código madre de mi platilla saludos :D y buena suerte

    ResponderEliminar
  5. hola!!
    a mi no me sale b:skin por ningun lado :S

    ResponderEliminar

Tus comentarios ayudan a mejorar este Blog.