Mil Trucos Blogger

Avatares redondos en los comentarios en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Los avatares le dan un estilo diferente y muy moderno a nuestro blog,pues bien que tal unos avatares redondos en los comentarios de Blogger,estéticamente se ven muy bien y ni hablar de la apariencia que le dan a los comentarios,los avatares redondos se ven de la siguiente manera:


Para agregar este efecto a los avatares vamos a Diseño,Edicion HTML y buscas la etiqueta

]]></b:skin>

Encima de la etiqueta anterior pegamos lo siguiente:

#comments-block.avatar-comment-indent {
margin-left: 0;
}
#comments-block .avatar-image-container {
border-radius:45px;
float: left;
height: 49px;
position: static;
width: 49px;
}
#comments-block .avatar-image-container img {
border-radius:45px;
display: block;
float: none;
min-height: 45px;
min-width: 45px;
padding: 2px;
}
#comments-block .avatar-image-container.avatar-stock {
border-radius:45px;
background: #dadada url(http://3.bp.blogspot.com/-Ug-KluyFuHk/TiNB5HDJUeI/AAAAAAAABaE/BmDbfhNf4nI/s1600/question+comments.png) no-repeat 50% 50%;
}
#comments-block .avatar-image-container.avatar-stock img {
display: none;
}
img.delayLoad {
max-height: 45px;
max-width: 45px;
min-height: 45px;
min-width: 45px;
}

Guardamos los cambios y listo.

Via/Ayuda Bloggers

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

30 Comentarios

  1. julio 19, 2011    

    Tiene muy buena pinta, ahora cuando tenga tiempo lo pruebo.

    Por cierto Juviano, he visto que tienes un banner de enlazar, me preguntaba si podria contar con tu sitio en mi directorio, a cambio solo pido un pequeño enlace a mi página por la que te pasaste ayer , ¿Qué te parece la idea?

    Te dejo mi correo es: felipealcala5@hotmail.com

    Saludos 😉

  2. julio 19, 2011    

    A mí no me funciona. Curiosamente solo me lo aplica a los comentaristas que no tienen blog, pero si son bloggers su avatar sigue cuadrado 🙁

  3. julio 19, 2011    

    esta entrada me huele a yo jeje … man estoy trabajando el encargo que pediste, lee la última entrada que comentaste ayer 😉

    Saludos!

  4. julio 19, 2011    

    Se ven muy bien de esa Manera….

  5. julio 19, 2011    

    @Felipe pues estaria dichoso de que me enlaces,dime cual es tu sitio web y hacemos intercambio de banners 🙂

  6. julio 19, 2011    

    @No sin MyMakeUp La verdad es extraño porque yo probe este truco varias veces en blogs de pruebas y funcionan muy bien,a lo mejor es un problema con tu plantilla 🙁

  7. julio 19, 2011    

    @Jorge Luis Gracias por comentar y es cierto que se ven muy bien redondos.

    Clodx18 amigo tu ayuda siempre es bienvenida,estare al tanto del encargo..Saludos.

  8. julio 19, 2011    

    @JuvinaoMy directorio web es

    http://www.muytranquilo.es/

    Enseguida pongo tu banner,pasate en cuanto este listo para ver tu opinion.Pasame tu correo para pasarte el mio.Saludos ^^

  9. julio 19, 2011    

    @Felipe Mi correo es juvielmejor@hotmail.com,gracias por el enlaze 🙂

  10. julio 19, 2011    

    @Juvinao
    Codigo enviado por correo, gracias a mi no, gracias a ti por enlazarme en esta gran web.

    Saludos Juvinao 😉

  11. julio 19, 2011    

    @Felipe Ok enlace colocado,saludos .

  12. julio 19, 2011    

    @Juvinao
    Hola. Sí, debo tener algun problema en la plantilla porque hay ciertos gadgets que los copio y pego bien en plantilla pero que no me funcionan. Vamos, que no es la primera vez que me pasa.
    ¿Una razón puede ser no haber eliminado en su dia de la plantilla, algún codigo precisamente de algun gadget que no me funcionaba? Gracias

  13. julio 20, 2011    

    @No sin MyMakeUp Es posible lo que dices,lo que te recomiendo es que mires todos los gadgets y trucos que tengas en el blog y los que no te sirvan eliminalos,si aun persiste el problema lo mejor que puedes hacer es cambiar la plantilla,Saludos 🙂

  14. julio 20, 2011    

    TIENES UN PREMIO EN MI BLOG. SALUDOS

  15. julio 20, 2011    

    @MARIANELLA Gracias por enlazarme,Saludos 🙂

  16. julio 24, 2011    

    b-( gracias

  17. julio 25, 2011    

    @Agonzlop Gracias a ti por comentar :))

  18. julio 29, 2011    

    A que te refieres con “EncimA”
    Despues o antes de la etiqueta?????????

    Saludos e intercambiemos enlaces si te parece

  19. julio 30, 2011    

    @Trukos y Datos Encima es antes de la etiqueta :))

  20. Anonymous Anonymous
    agosto 30, 2011    

    Puede pasar que haya hecho todo bien e igual no me funcione?? porque eso me sucedió… puede tener que ver la plantilla? Gracias

  21. agosto 30, 2011    

    Anónimo exactamente el problema es con la plantilla,yo mismo he probado este truco en otras plantillas y me resulta dificil colocarlo pero hay otras que lo acepta muy bien..

  22. marzo 21, 2012    

    :O que bonitooooooo jejejej

  23. abril 12, 2012    

    😀

  24. mayo 2, 2012    

    Lo copié, pegué y guardé, según las instrucciones, pero no funciona! los avatares siguen cuadrados 🙁

  25. mayo 2, 2012    

    Te comenté hace un rato diciendo que no funcionaba… ahora sí me funcionó, era sólo que border-radius debe ser la mitad de los pixeles de la imagen

    Peroa ahora tengo otro problema, no puedo ponerle un borde a los avatares, cambie el border px y todo eso, también el código de color, pero algo está fallando…

    ojalá y puedas ayudarme…..

  26. junio 4, 2013    

    A mi no me encuentra ese codigo en mi plantilla…..
    Como lo puedo poner redondos entonces???

    Besis

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo