11 febrero 2011

Enmarcar y separar comentarios


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

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

13 comentarios

jajajajaj ¿y por qué pones de ejemplo mis vergüenzas....?

Un saludo

@Santiago Mora
Ja ja, no me había fijado Santi, ha sido el primero que he cojido.
Saludos monstruoooo

Cristina esto ya no vale para las nuevas plantillas, mira esta otra: Enumerar y dar estilo a los nuevos comentarios

Hola, el ] ] no lo encuentro por ninguna parte y ya lo he buscado un montón

Este comentario ha sido eliminado por el autor.

Skynnet, esta entrada ya no vale si tienes instalado los nuevos comentarios expandidos en tu plantilla, mira el comentario 4.1
Aparte el código </b:skin> es indiscutible en todas las plantillas blogger, así que debes encontrarlo en el nuevo editor en la primera flechita de expandir que encuentres.

Saludos.

Seria posible enmarcar los comentarios asi como los comentarios que tienes en esta pagina? Si fuera posible hacerlo, agradeceria mucho nos lo compartieras, Saludos.

Club Cazatesoros, estamos utilizando un sistema de comentarios diferentes y sólo personal.

Saludos.

Hola me gustaría tener el mismo estilo de la caja de comentarios que usted tiene, no se si me podría ayudar

Erick lee el comentario anterior. (8a)


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"