Desde que Blogger cambio su sistema de comentarios antiguo por el actual estilo anidado han habido importantes cambios en la estructura del codigo por lo que cambiar el avatar en los comentarios anonimos ya no es posible con el anterior codigo por lo que en este tutorial les enseñare a cambiar el avatar anonimo predeterminado que trae Blogger y el icono de Blogger que se ve en los comentarios de usuarios que no tienen avatar.

El codigo lo proporciona HelpBlogger y me he enterado de su existencia en Oloblogger.

Para la ejecución de este truco se requiere JQuery.


Para agregar este truco debes agregar antes de </body>  lo siguiente:

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s1600/default_avatar.gif')
.ssyby('blank')
</script></blockquote>
<script src='http://code.jquery.com/jquery-latest.js'/>

<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png')
.ssyby('blank')
</script>

La primer parte que esta señalada en azul corresponde a la URL del avatar anonimo y la puedes reemplazar por la que desees.

La segunda parte que esta señalada en verde corresponde a la URL del avatar del comentarista  sin imagen de perfil.

Espero que les haya sido de utilidad el truco y sigan visitando Mil Trucos Blogger.


17 comentarios

Anonymous · agosto 30, 2012 a las 4:33 pm

Genial el truco Juvinao lo aplicare a mi blog 😎

Ernesto Perez · agosto 31, 2012 a las 3:29 am

Wow Y Mega Wow Amigo Eres Un Genio 🙂

    Juvinao · agosto 31, 2012 a las 3:42 pm

    Gracias amigo por tu comentario 😎 y gracias por decirme genio xD! Saludos :zombie:

Nati(◡‿◡✿) · agosto 31, 2012 a las 10:40 pm

Gracias!!!

Weed l · noviembre 16, 2012 a las 11:43 am

hello Juvinao

Soy yo otra vez por aquí…=)

Veras, aplico el truco, con con unas fotos de la red muy chulas, pero no me sale…

que puedo estar haciendo mal??

intente quitar el jqueri, por si ya lo tenia (es que no tengo mucha idea de html) pero ni asi…

puede deberse a que cerre el feed de comentarios(pra que no me salga anidados) o los modifique??

saludos y gracias
http://futbolbarsayotrashistorias.blogspot.com.es

    Juvinao · noviembre 20, 2012 a las 4:38 pm

    Amigo es que este truco es justo para los comentarios anidados, para los comentarios que tu usas sirve es este truco.

    http://www.miltrucosblogger.info/2011/05/poner-un-avatar-los-comentarios.html

    Weed l · noviembre 20, 2012 a las 11:10 pm

    Veras creo que te habia hecho ya la pregunta, pero se ve que o no salio, o fue en un post erroneo. Ya logre poner un avatar para anonimos, lo hice de otra manera, que no me preguntes bien jejeej voy cogiendo de aqui y alla. basicamente sustitui la url que habia ya en la plantilla sin agregar nada antes del skin.

    Pero suceden dos cosas, la primera es que utiliza el mismo para los anonimos, anonimos, y para aquellos registrados pero sin foto.

    Y el otro punto que en realidad es mas importante,(lo anterior no es tan relevante, pero si mejorable) es que en el gadget de comentarios recientes, no me lo selecciona, ni aún cuando utilice el truco que tu utilizas aqui. En el post que me recomiendas que vea.

    esto si me fastidia un poco mas la verdad, que para algo le pongo la foto, para que s evea en todos sitios..=)

    si se te ocurre algo seria de agradeces…

    muchas gracias, como siempre eres una maquina…=)

    saludos

    Juvinao · noviembre 21, 2012 a las 4:01 pm

    En cual blog tienes este problema 😛

    Dejame la URL del blog..

    Saludos

Maraqua · enero 20, 2013 a las 9:18 pm

Este es uno de los mejores trucos, lo eh visto en otras webs y solo en esta me aparecio correcto, Gracias 😀

    Hayder Juvinao · enero 21, 2013 a las 9:39 pm

    Gracias Maraqua por tu comentario y me da mucho gusto que te haya funcionado el truco.

    Saludos

Alexander Guerra Padilla · enero 28, 2013 a las 10:32 am

Juvinao!, que padre! me funciono… gracias!

Mario · mayo 25, 2013 a las 11:21 pm

Buen truco. Gracias.

Anonymous · septiembre 5, 2014 a las 4:44 am

<link href=’http://fonts.googleapis.com/css?family=Over+the+Rainbow’ rel=’stylesheet’ type=’text/css’/><center><div style=»font-family:’Over the Rainbow’;font-size:28px; font-weight:bold;»>&#161;GRACIAS POR ENLAZARNOS!</div>

Responder a Juvinao Cancelar la respuesta

Marcador de posición del avatar

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