Lo Último

Personalizar los comentarios




Puedes personalizar algunas partes de los comentarios realizados en tu blog, como el fondo del comentario y otros ajustes.

En Blogger In te enseñamos a personalizar los comentarios que tus visitantes han dejado en tu blog, da un aspecto diferente y haz de tu blog un sitio exclusivo.
Para cambiar éstos parámetros en tus comentarios procede de la siguiente forma:


Ve a tu "Escritorio Blogger"
Pulsa en tu "Blog"
Pulsa en "Plantilla"
Pulsa en "Edición HTML"

Busca el siguiente código en tu plantilla:
/------------------------------------------------------------------------------------------------------\

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

Ahora los sustituyes por éste otro:
/------------------------------------------------------------------------------------------------------\
/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#333;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background: #194155;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
background: #194155;
margin:0;
padding:7px 7px 7px 7px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-body-author{
background:#C0C0C0;
margin:0;
padding:7px 7px 7px 10px;
}
.comment-body-author p {
font-size:105%;
margin:0 0 .2em 0;
color:#ffffff;
text-decoration:bold;
}
.comment-footer {
background:#194155 ; margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#996;
}
.comment-footer a:link {
color:#ffffff;
}
.deleted-comment {
font-style:italic; color:gray;
}
\------------------------------------------------------------------------------------------------------/

En color rojo los colores que puedes cambiar.


Entrad en ésta utilidad web y comprobad ésto con cualquier código de cualquier gadget de vuestro blog. pulsad en el siguiente link para acceder a la utilidad: Editor HTML 

.comment-author {

background: #194155;
Color del fondo del nombre del Autor

.comment-body {
background: #194155;
Color del fondo del Comentario

.comment-footer {
background:#194155 ; margin:0 0 .5em;
Color del fondo de la "Fecha" y de "Publicar un comentario en la entrada"


Esto es todo! espero que disfrutéis del nuevo look de los comentarios de vuestro blog!!



Para estar actualizado en las novedades de Blogger In puedes seguir el blog, para ello ve al gadget al final de este blog y pulsa en "Participar en éste sitio" y sigue el asistente hasta el final y comprueba que apareces en el gadget. Feliz semana amigos!!