Blogger y los comentarios (un anexo)

Esta es una modificación a un truco mostrado hace un tiempo en una serie de artículos que hacen referencia a como personalizar un poco los comentarios de Blogger, agregándoles un número de orden, una imagen diferencias según sea el autor y un color de fondo alternado [1 2 3].

Recientemente, Opcionez preguntaba si era posible combinar todo y agregarle una algo más: que el fondo de los comentarios del administrador del blog apareciera de un color diferente a los otros.

En este caso, no se trata de destacar los comentarios que hacemos nosotros mismos en nuestro propio blog, si sólo es eso, podríamos remitirnos a las explicaciones que nos entrega Rosa en su post y no tendremos problemas.

La idea es sencilla, creamos una clase CSS especial y en la plantilla, usamos los códigos condicionales para determinar cuáles son nuestros comentarios y cuales no. Pero, en este caso, el tema se nos complica un poco más ya que tenemos dos clases CSS, una para los comentarios pares y otra para los impares así que debemos agregar una tercera.

Primero, entonces, vamos a crea esa clase que agregaremos en la plantilla antes de </b:skin>:

.comentarioPropio { /* propiedades para nuestros comentarios */
  /* pondremos las mismas que para los otros comentarios */
  /* y, como ejemplo usaremos otro color de fondo */
  background-color: #color;
}

Por supuesto, podemos poner cualquier otra, utilizar fuentes diferentes, de otro tamaño, agregarle un borde, etc.

Ahora, modificaremos el script que es el que cambia las clases CSS. Ahí le transferiremos un dato más, el nombre del autor del comentario:

<script type="text/javascript">
function ContarC(cual,quien) {
  if (quien =='NUESTROnombre') {
    document.getElementById(cual).className='comentarioPropio'
  } else {
   var resto;
   resto = contadorComentarios % 2;
   if (resto == 0)
    document.getElementById(cual).className='comentarioPar'
   else
    document.getElementById(cual).className='comentarioImpar'
  }
}
</script>

Donde deberemos cambiar el texto NUESTROnombre por el que nos identifique.

Por último, expandiendo los artilugios, buscaremos la llamada al script que, en este momento dirá:

<!-- establecemos la clase del comentario -->
<script type='text/javascript'>
   ContarC('<data:comment.id/>')
</script>

y lo reemplazaremos por esto:

<!-- establecemos la clase del comentario -->
<script type='text/javascript'>
   ContarC('<data:comment.id/>','<data:comment.author/>')
</script>