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 {
}
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:
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.
.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
Andaba "vitrineando" en los tutoriales y me encontré este, me pareció súper bueno y ya lo puse en mi blog, gracias.
ResponderEliminarde nada amiga :)
ResponderEliminarYa puse a prueba esta tutorial y me encantó. Gracias ^^
ResponderEliminarPucha :( yo aún no cacho cómo hacerlo! Tengo el código pero no sé dónde ponerlo...
ResponderEliminarhttp://cucoshare.com / CucoShare.com / CucoShare / CS / ShareCuco / Peliculas / Moviles / Manga / Anime / Series / Peliculas Online / Linex / Tutoriales / Musica / Videos / Videos Online / Plantillas / Chat
ResponderEliminardebes colocar el código luego de
ResponderEliminar]]> y el de tu imagen en la parte rosada del codigo de la caja que se ve en el tutorial
No pude :/ en vez de eso se le cambio el nombre a mi blog :/
ResponderEliminaroie, la imagen debe estar en "png"?
ResponderEliminarNo me quiere funcionar la cosa :/
EliminarHOla e intentado de las dos formas y ninguna y lo he hecho tal cual.
ResponderEliminarSegura!
Gracias de todos modos
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!
ResponderEliminarblogger 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.avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {opacity:0;}
ResponderEliminar.avatar-image-container {background:url(URL DE LA IMAGEN);
sdf
ResponderEliminarEjemplo
ResponderEliminary funciona con la nueva versión de blogger??
ResponderEliminarclaro :)
Eliminarsi tienes problemas me avisas :)
Yo tengo el blog en wordpress.
ResponderEliminarComo hago para que mi gravatar se vea en los comentario que dejo en blogger?
Gracias.
Un saludo
Yo tengo un blog en wordpress y tengo gravatar
ResponderEliminar¿cómo puedo hacer para que los comentarios que dejo en blogger salgan con mi gravatar?
Muchas gracias
Un saludo
Yo tengo el blog en wordpress
ResponderEliminar¿como puedo hacer para que mi gravatar se vea en los comentarios que dejo en blogger?
Gracias. Saludos
...........
ResponderEliminarhola podrias explicarme con una imagen del blogger 2014 esq sooy nueva y no me sale eso de expandir plantillas
ResponderEliminar