8

Cambiar la imagen de email

Si utilizas la función "Enviar esta entrada por correo electrónico", el icono será un pequeño sobre que sirve de vínculo. Es un icono muy chulo pero algunos visitantes del blog, me han consultado sobre como cambiarlo.
A mi,personalmente, me gusta, en las plantillas con fondo blanco queda muy bien, en las de color no tanto...
Elije una imagen más o menos del mismo tamaño, o sea, no pretendas poner ahí un gif enorme, en primer lugar no creo que quedara bien y en segundo la imagen saldría cortada (y lo se porque lo he probado).

1-En el CSS de tu plantilla añades esto:

.email-post-icon2 {
background: url("AQUI LA DIRECCIÓN DE TU IMAGEN") no-repeat left;

/* makes an 18x18 box */
padding:20px;

margin:0 0 0 .5em;
}

2- Plantilla- HTML- expandir elementos y buscamos esto:

<span class='email-post-icon'> </span>

3- Sustituimos lo anterior por:

<span class='email-post-icon2'> </span>

o lo que es lo mismo, añadimos un 2 después de icon.

Usa la vista previa para ver como queda tu nueva imagen.
Yo he puesto padding: 20 en mis pruebas, porque con menos valor la imagen que escogí se veía cortada, ve probando y variando este valor si es necesario.
Así ha quedado en mi blog de pruebas:


Para los que aún estén usando la plantilla clásica y quieran cambiar su sobrecito, pueden seguir las instrucciones en Ayuda de Blogger.
¡Suerte! :-)

Entradas Relacionadas:

8 comentarios:


Anónimo

Nuevo directorio de blogs, ¡agrégate!, Click aqui

Yo misma

Abusando de la generosidad que derrochas... ¿Cuál es la URL de la imagen que has usado en tu blog de pruebas, la de buzoncito americano con el sobre??? Gracias!!!

Anónimo

Yo misma, cuanto lo siento... ya ves que esta entrada tiene cierto tiempo, ya no tengo la dire del buzón, he mirado en las páginas de donde suelo sacar los gifs, pero no he vuelto a encontrarlo...
Cuanto lo siento!

Yo misma

Muchísimas gracias de todas formas por tomarte las molestias, y por favor no te disculpes, encima que te estaba pidiendo un favor!!!

Anónimo

Buenos días Rosa: queria consultarte como cambiar la imagen de mail en una plantilla snapshot sable, porque no encuentro el código
del punto Nº2 que explicaste. Hay otro código,pero ya no sé como cambiar algo allí. Si pudieras ayudarme te agradezco mucho.
Saludos y cariños

Anónimo

Carolina Se ve el sobrecito de Blogger correctamente, lo cual quiere decir que ese código ha de estar... ¿has maracado el "expandir plantillas de artilugios" para buscarlo?

Anónimo

Gracias por responder Rosa. Probando pude resolverlo. En la plantilla snapshot sable no aparece ese código exactamente igual, sino esto:

<img alt='' class='icon-action' src='CAMBIAR URL DE BLOGGER POR LA NUESTRA'/>

En class='icon-action' puse class='icon2-action'(era allí donde debía poner el 2!). En fin, lo comento por si le es de utilidad a alguien y usa una snapshot.
Rosa te agradezco mucho y te dejo cariños

Anónimo

Carolina A veces no es del todo exacto... pero se trata de encontrar usando la lógica el código que es...

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S