Hay mucha gente que tenía modificados los comentarios viejos y ahora, dado a los nuevos comentarios, no posee esos estilos.

Para ver cómo modificarlos mediante CSS entra aquí.

Hoy vamos a modificar el aspecto de un comentario del autor.

Para ello vamos a usar jQuery o Prototype(aunque este último parece que no funciona con el nuevo sistema, por lo que no es recomendable) para añadir una clase a los comentarios del autor.

La función es fácil: Blogger da a un elemento de clase «icon» la clase «blog-author» cuando el que comenta es el autor. Buscamos esa clase, y luego el comentario, para darle una clase llamada «author-comment».

Sólo hay que copiar lo siguiente antes de vuestra etiqueta </head>. Aseguraos de que tenéis las librerías instaladas (instalar jQuery)

Para jQuery:

Edición: He cambiado el script porque antes sólo seleccionaba el último comentario del autor. Ahora funciona a la perfección, como podéis ver en el blog.


<script type="text/javascript">
$(".comment-block").find(".icon.blog-author").closest(".comment").addClass("author-comment");
</script>

Para Prototype:

Debería de funcionar (aunque no lo he probado, ya que uso jQuery). Me gustaría que si algún lector usa Prototype me comentara si funciona.


<script type="text/javascript">
$(".comment-block").childElements(".icon.blog-author").up(".comment").addClassName("author-comment");
</script>

Modificarlos:

Para modificarlos podéis usar las siguientes clases:Nota: Los signos «mayor que» son indipensables. Si no los usáis estaréis modificando los comentarios respuesta también.


.comment-thread .comment.author-comment > .comment-block{
/*El bloque donde está el comentario propiamente dicho*/
/*Fondo, bordes...*/
background:#eee;
border:1px solid #ccc;
border-radius:10px;
/*Fuente, color...*/
font-family:Ubuntu,sans-serif;
color:#2c2c2c;
}
.comment-thread .comment.author-comment > .avatar-image-container{
/*El bloque de la imagen del que comenta*/
padding:3px;
background:#f2f2f2;
border:1px solid #eee;
box-shadow:0 0 5px rgba(0,0,0,.5);
}
.comment-thread .comment.author-comment > .avatar-image-container img{
/*La imagen*/
}