Blog cerrado. Gracias a todos los que alguna vez han visitado este blog. Un saludo, Juanma

9

Modificar los comentarios

¿Cómo modificar los comentarios en Blogger? Hoy daremos respuesta a la cuestión.

Primero. Abriremos Edición de HTML en nuestra plantilla y buscaremos (Ctrl+F) lo siguiente:

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;


}


#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;


}
#comments-block .comment-body {
margin:.25em 0 0;




}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;


}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


Sino lo tenemos en la plantilla lo añadimos antes de ]]></b:skin> .
A continuación los aspectos que podemos cambiar.

En #comments-block .comment-body { podemos modificar el cuerpo de todos los comentarios.







#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
background: #ccc url(url de la imagen); /*-- Color e imagen de fondo --*/
border: 2px solid #000; /*-- Borde --*/
}


En #comments-block .comment-author { podemos modificar el contenido del comentario.






#comments-block .comment-author {
margin:.5em 0;
background: #ccc url(url de la imagen); /*-- Color e imagen de fondo --*/
border: 2px dashed #000; /*-- Borde --*/
}


En #comments-block .comment-body { podemos modificar el contenido del comentario.







#comments-block .comment-body {
margin:.25em 0 0;
background: #ccc url(url de la imagen); /*-- Color e imagen de fondo --*/
border: 2px dashed #000;
}


En #comments-block .comment-footer { cambiamos el footer (Pie del comentario) donde se encuentra la fecha.





#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase; /*-- Texto en mayúscula --*/
letter-spacing:.1em; /*-- Espacio entre letras --*/
background: #ccc url(url de la imagen); /*-- Color e imagen de fondo --*/
border: 2px dashed #000;
}

Y por último podemos cambiar el estilo de los comentarios eliminados en .deleted-comment {
Espero que os haya servido de ayuda.
Saludos

9 comentarios:

C3C1 dijo...

Juanma, colega, ¿que te voy a decir que no sepas? te lo curras tío, mereces subir de pagerank! :P

Juanma™ dijo...

Hombre C3C1! Gracias, de verdad. ☻ ☻

Germán Medina dijo...

¡Claro que si hombre!
Que quieres que te diga pero la plantilla está bastante chula ;)
Saludos!!

Juanma™ dijo...

Germán Me alegra mucho que te guste. ツ

Saludos.

Liguria dijo...

Sorry for the offtopic by the CMS of your site is truly impressive! I wonder how much time, money and work were spent in order to create the engine and a layout of the website.

Deybi dijo...

Muy bien explicado. Con detalles si que aprende uno.

Juanma™ dijo...

Deybi Como me alegra que te haya servido para algo. :)

A.A.V.V Gálica dijo...

Bueno aunque tiene ya tiempecito es te post, y es la primera vez que posteo, te agradezco esta informacion, puesto que hace poco estuve trabajando con una plantilla de blogguer y no sabia por donde toquetar los comentarios, (y era que los estilos no estaban puestos directamente). Gracias

Juanma™ dijo...

A.A.V.V Gálica Suele pasar que no estén puestos, sobre todo en plantillas que no son originales de Blogger. Gracias a ti por comentar. ;)