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


30 comentarios

Felipe · julio 19, 2011 a las 9:27 am

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 😉

No sin MyMakeUp · julio 19, 2011 a las 9:57 am

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 🙁

Cloudx18 · julio 19, 2011 a las 2:28 pm

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

Saludos!

Jorge Luis · julio 19, 2011 a las 2:37 pm

Se ven muy bien de esa Manera….

Juvinao · julio 19, 2011 a las 2:52 pm

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

Juvinao · julio 19, 2011 a las 2:55 pm

@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 🙁

Juvinao · julio 19, 2011 a las 2:57 pm

@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.

Felipe · julio 19, 2011 a las 2:59 pm

@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 ^^

Juvinao · julio 19, 2011 a las 3:15 pm

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

Felipe · julio 19, 2011 a las 3:21 pm

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

Saludos Juvinao 😉

Juvinao · julio 19, 2011 a las 3:28 pm

@Felipe Ok enlace colocado,saludos .

No sin MyMakeUp · julio 19, 2011 a las 9:08 pm

@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

Juvinao · julio 20, 2011 a las 12:05 am

@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 🙂

MARIANELLA · julio 20, 2011 a las 7:56 am

TIENES UN PREMIO EN MI BLOG. SALUDOS

Juvinao · julio 20, 2011 a las 3:21 pm

@MARIANELLA Gracias por enlazarme,Saludos 🙂

Agonzlop · julio 24, 2011 a las 6:07 pm

b-( gracias

Juvinao · julio 25, 2011 a las 1:13 am

@Agonzlop Gracias a ti por comentar :))

Trukos y Datos · julio 29, 2011 a las 10:12 pm

A que te refieres con «EncimA»
Despues o antes de la etiqueta?????????

Saludos e intercambiemos enlaces si te parece

Juvinao · julio 30, 2011 a las 9:06 pm

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

Anonymous · agosto 30, 2011 a las 1:49 am

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

Juvinao · agosto 30, 2011 a las 3:06 am

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..

juanita · marzo 21, 2012 a las 7:58 am

:O que bonitooooooo jejejej

Latin Tutos · abril 12, 2012 a las 2:05 am

😀

♥[Mary]♥ · mayo 2, 2012 a las 10:14 am

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

♥[Mary]♥ · mayo 2, 2012 a las 10:59 am

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…..

Gossip´s Fashion Week · junio 4, 2013 a las 2:15 pm

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

Besis

Deja una respuesta

Marcador de posición del avatar

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