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*/
}