Tutorial: Mejora el aspecto de tus comentarios (Parte 1)

Por Makita desde Chile

Los comentarios son un aspecto fundamental en nuestro Blog, ya que se consigue una retroalimentación con las personas que se interesan por los temas abordados en él. Es por eso que debemos hacer que este “espacio” se vea ordenado y bien presentable.
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