Tutorial: Poner una imagen en los comentarios Anonimos de Blogger



Hola blogger@s hoy les voy a enseñar como poner una imagen para aquellos comentarios anonimos de su blog. Este tutotial tiene como fin hacer más lindo su blog y tambien más funcional.

Ahora vamos con las instrucciones...


Primero tienes que ingresar a diseño en la configuración de tu blog y darle click a "Edición de HTML", estando ahí tienes que dejar marcada la casilla de "Expandir plantilla de Artilugios" como se muestra en un recuadro rojo en la imagen.




Ahora es muy simple, pones "Control + F" para buscar el siguiente código.

]]></b:skin>


Y justo antes de éste insertas el código que dejo a continuación.




#comments-block .avatar-image-container.avatar-stock img {

display:none;

}
#comments-block .avatar-image-container.avatar-stock {

background:transparent url(http://i56.tinypic.com/kejbyb.png) no-repeat scroll 50% 50%;

}

Recuerda que debes editar la dirección de la imagen que se encuentra en rosado en el html box y reemplazar esta por la imagen que desees para tus comentaristas anónimos la cual debe ser de 50x50 pixeles.

Para poder obtener la URL de la imagen que deseas insertar, solamente tienes que subir tu foto a algún hosting de imagen, como por ejemplo Tinypic 

Cuando tengas todo listo dale a guardar plantilla y ya estará listo tu Default Avatar. A continuación te muestro como es que puede llegar a quedar esta mejora.




En caso que no les resulte, peguen en vez del código anterior lo siguiente:


.avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {opacity:0;} 
.avatar-image-container {background:url(URL DE LA IMAGEN);}

Y coloquen la url de la imagen donde se especifica.

Espero lo hayan disfrutado, y ya saben, agradecer no cuesta nada. Nos vemos pronto con otro tutorial para tus blogs.

Atte LMM




CONVERSATION

22 ya son Blogger@s:

  1. Andaba "vitrineando" en los tutoriales y me encontré este, me pareció súper bueno y ya lo puse en mi blog, gracias.

    ResponderEliminar
  2. Ya puse a prueba esta tutorial y me encantó. Gracias ^^

    ResponderEliminar
  3. Francisca Quezada4 de enero de 2012, 2:10

    Pucha :( yo aún no cacho cómo hacerlo! Tengo el código pero no sé dónde ponerlo... 

    ResponderEliminar
  4. http://cucoshare.com / CucoShare.com / CucoShare / CS / ShareCuco / Peliculas / Moviles / Manga / Anime / Series / Peliculas Online / Linex / Tutoriales / Musica / Videos / Videos Online / Plantillas / Chat 

    ResponderEliminar
  5. debes colocar el código luego de 
    ]]>    y el de tu imagen en la parte rosada del codigo de la caja que se ve en el tutorial

    ResponderEliminar
  6. No pude :/ en vez de eso se le cambio el nombre a mi blog :/

    ResponderEliminar
  7. oie, la imagen debe estar en "png"?

    ResponderEliminar
  8. HOla e intentado de las dos formas y ninguna y lo he hecho tal cual.

    Segura!

    Gracias de todos modos

    ResponderEliminar
  9. Hola, sabes si hay alguna manera de que los usuarios puedan subir fotos en los comments? como si yo aquí te pusiera una foto? Gracias!

    ResponderEliminar
  10. blogger no lo permite por si solo, una opción es colocar la aplicación de comentarios de http://disqus.com/ en tu blog :) este permite hacer eso

    ResponderEliminar
  11. .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {opacity:0;}
    .avatar-image-container {background:url(URL DE LA IMAGEN);

    ResponderEliminar
  12. y funciona con la nueva versión de blogger??

    ResponderEliminar
  13. Yo tengo el blog en wordpress.
    Como hago para que mi gravatar se vea en los comentario que dejo en blogger?
    Gracias.
    Un saludo

    ResponderEliminar
  14. Yo tengo un blog en wordpress y tengo gravatar
    ¿cómo puedo hacer para que los comentarios que dejo en blogger salgan con mi gravatar?
    Muchas gracias
    Un saludo

    ResponderEliminar
  15. Yo tengo el blog en wordpress
    ¿como puedo hacer para que mi gravatar se vea en los comentarios que dejo en blogger?
    Gracias. Saludos

    ResponderEliminar
  16. hola podrias explicarme con una imagen del blogger 2014 esq sooy nueva y no me sale eso de expandir plantillas

    ResponderEliminar

Todo comentario que no tenga relación con el post o sobrepase los límites de la libre expresión, será moderado y no saldrá publicado.

Back
to top