ESTA ENTRADA NO VALE PARA LOS COMENTARIOS EXPANDIDOS
Los comentarios son una parte fundamental de un blog, pues en ellos se ve reflejada la opinión de los lectores respecto a una entrada o nuestro sitio, por lo tanto es importante dedicarle un poco de nuestro tiempo para hacer de esta área un espacio presentable, accesible y ordenado.
Y si de orden se trata entonces es necesario que cada comentario pueda identificarse donde empieza y dónde termina, de lo contrario se convierte en un revuelto de letras del cual el lector puede salir huyendo.
Vamos a encuadrar con bordes los comentarios de una forma simple pero efectiva.
Para conseguir este tipo de estilo marca la casilla
Expandir plantillas de artilugios ahí mismo en
Diseño | Edición de HTML y busca esta línea:
<b:loop values='data:post.comments' var='comment'>
Debajo de ella agrega esto:
<div class='comentarios-cb'>
Luego busca un poco más abajo el siguiente </b:loop> que encuentres y justo arriba de él agrega esto:
</div>
Ahora antes de
] ]</b:skin> pega lo siguiente:
.comentarios-cb {
background:#E6E6E6; /*
Color de fondo */
border:1px solid #240B3B; /*
Borde */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom:20px;
}
.comment-body {
padding:10px;
color:#000; /*
Color de los comentarios */
}
.comment-timestamp { /*
Fecha de los comentarios */
font-style:italic;
font-size:9px;
padding-right:10px;
padding-left:10px;
}
#comments-block .comment-footer {
margin-bottom:5px;
}
#comments-block .avatar-image-container {
float:left;
position:static;
margin-right:15px;
margin-left:5px;
margin-top:5px;
}
En cualquiera de los casos se puede cambiar el color de fondo, borde, etc. en las partes que tienen anotaciones en negrita.
La /* Fecha de los comentarios */ puede cambiarse de formato en Configuración | Comentarios | Formato de hora de los comentarios.
Haciendo algunas de estas modificaciones los comentarios se verán más ordenados y serán más fáciles de identificar y leer por los lectores.
Tomado de Ciudad Blogger
Publicaciones Relacionadas
trucos blog
