Hola chicas como estan?? ... espero que biien!
les traigo un tuto de como poner redondeados los bordes de los avatares de los comentarios de las entradas....
Osea asiii como pueden ver en la siguiente imagen guia
Ok, empecemos ^^
Ve a la Edición HTML de tu blog
Luego con f3 buscas:
]]></b:skin>
Ahora justo despues de el codigo anteriormente buscado pegas lo siguiente:
<b:if cond='data:blog.pageType == "item"'> <style
type='text/css'> .comments .comments-content .comment-content{text-align:left;} .comments .comments-content .inline-thread {background: #eef2f2; border:1px solid #cedadc;}.comments .comments-content .comment {border-bottom: 1px solid #b2d1d6 !important;} .comments .avatar-image-container {border:3px solid #cedadc;} .comments .avatar-image-container, .comments .avatar-image-container img { -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; } </style> </b:if>
Ahora Tecnicismos!
.comments .comments-content .inline-thread: puse el color del borde (border) y fondo (background) de las respuestas de los comentarios, por eso se ven en "cajitas".
.comments .comments-content .comment: puse el borde (border) que se aplica al fondo de cada comentario, independientemente que sea repuesta o no.
.comments .avatar-image-container, puse la imagen que aparece debajo de cada avatar, si alguien usa imagen transparente en su avatar, se verá ésta como fondo, o bien cuando no haya ningún avatar, por ejemplo en comentarios de usuarios que comenten como anónimos.
Si prefieres el texto justificado en los comentarios, quita todo lo que resalté de naranja
.comments .comments-content .comment-content{text-align:left;} esa regla ya la envía Blogger.
Y ya.... eso es todo ^^
Asi ya tendras tus comentarios mas boniitos
Bueno eso es todo ... bay, hasta la proxima y que la pasen super, yo no la pasare super mañana tengo brigada D:
No se Olviden comentar ^^
, bueno hace tiempisimo no comparto nada de gifs y la verdad ya era hora de subir algunos
!!
