Podemos realizar varios cambios para que el aspecto de los comentarios mejore, así que el tutorial se va a dividir en dos partes. Esta semana veremos como delimitar el espacio de cada uno de los comentarios de dos maneras para que escojas la que más te guste o la que mejor se adapte a tu Blog.
Para agregar cada uno de los estilos, debes acceder a Plantilla, Edición HTML y expandir artilugios.
Estilo Clásico y Elegante:Consiste en agregar una línea bajo cada comentario. Debes agregar el siguiente código antes de ]]></b:skin>.comments .comment-block {padding-bottom:10px;border-bottom:1px solid #240B3B;/* Estilo línea */}
.comments .comments-content .datetime{
font-style:italic;
font-size:9px;
}
En border-bottom puedes cambiar el grosor de la línea (1px) y cambiar el color (#240B3B)Estilo Propio:
Puedes agregar una imagen en lugar de una línea, y debes agregar el siguiente código:.comments .comment-block {
background-image:url(https://lh3.googleusercontent.com/_dsEG33PDaHw/TVHt_YdQyPI/AAAAAAAAA9E/eIHk3N7aisE/divider-andrea-baroni.gif);
background-repeat:no-repeat;background-position:center bottom;padding-bottom:20px;
height:70px;}.comments .comments-content .datetime{font-style:italic;font-size:9px;}
En image:url debes indicar la dirección de la imagen que desees, si deseas crear tus propios separadores, necesitar crear/enlazar imágenes de 54x512 px.
La próxima semana se continuará con una segunda parte de mejoras aplicadas a los comentarios.Dejen todas sus dudas para darles ayuda ;)Fuente:http://ciudadblogger.com