19/11/12

Cómo hacer una firma para tu email con iconos sociales

Por fin. Como diría Bécquer, hoy la tierra y los cielos os sonríen.

Y es que hoy os voy a contar cómo podéis hacer una firma con botones de seguimiento tan guay como la mía (dijo Blanca la modesta jajaj). 


En principio no lo iba a contar. No por nada, pero no es algo que yo ya supiera hacer, sino que es algo que me encontré hace no tanto un día por casualidad, me pareció guay, lo hice, y bueno, pues no iba a copiaros algo que había encontrado en otro lado... 

Pero tras unas cuantas peticiones preguntándome cómo lo había hecho y hacerme de rogar luego un poco, al final me he decidido... ;)



El tutorial original que yo seguí está aquí, pero no sé si es que yo soy un poco bobita a veces o qué, pero juro que me costó un rato pillarlo, porque en ningún momento nos cuenta que hay que insertar una tabla. Total, que yo una vez puesto el logo (en mi caso muñequita), pues ya no podía añadir texto, y viceversa, o sea, si añadía texto me quedaba sin logo. 

Además, me consta que alguna no habla inglés.

Así que ahora que ya sé cómo hacerlo, yo voy a escribiros el tutorial a mi manera. 

Por cierto, si alguna se está preguntando qué tiene de guay estar firma aparte de una muñequita que se supone que soy yo en un poco más guapa y un poco-bastante más delgada (bueno, en realidad yo de hombros y espalda soy delgada, el momento Beyoncé empieza en caderas y culo), es que los iconitos que hay ahí debajo son en realidad botones de seguimiento. 

De modo que si mandamos un email a una persona, con sólo clicar en ellos, puede fácilmente seguirnos. En mi caso tengo el link a mi página de Facebook, a mi perfil de Blogger, a  mi suscriptor por email y a mi Pinterest, pero podéis añadir todos los que queráis. 

No es nada difícil: 

✎ Vamos a www.wisestamp.com

✎ Y le damos a Free Download

(Aviso: yo uso Google Chrome, no sé si con el resto de los exploradores funciona o es sólo para este)

✎ Obviamente, en la ventanita que nos aparece, le damos a Añadir

✎ Según se nos descarga, veremos que se nos añade arriba a la derecha, justo al lado de la barra de direcciones, un icono con una arroba azul (a mi se me ha puesto al lado del de Skype)


A la vez se os abrirá una ventanita para haceros un tour rápido del programa, pero vamos, con mi supertutorial no lo necesitáis... ;) 

✎ Si os fiáis de mi (que a estas alturas espero que sí) le dáis a Skip the Wizard. Y si queréis hacer el mini-tour, pues a Next

✎ Total, que ahora tenemos una ventanita (que no una página web) que es lo que vamos a usar para crear la firma (si la cerráramos sin querer, luego para abrirla le daríamos a la arroba azulita que se nos ha instalado  arriba a la derecha - click en el botón izquierdo - Editar WiseStamp)


✎ Pinchamos en donde dice Templates (arriba a la derecha)

✎ Y elegimos la primera opción


✎ Y sí, ahora parece que tenemos la tabla, pero eso es un ejemplo, así que en el momento en que subimos nuestro logo, zas, desaparece y ya nos perdemos. Así que, seleccionamos todo, tabla y todo incluído, y borramos. Y se nos queda en blanco. 

✎ Y ahora es cuando insertarmos la tabla. Yo le tengo que poner una de 1 columna x 2 filas, porque tengo arriba el texto (Blanca Balzola, Personalización de Blogs) y abajo el logo. Erika por ejemplo, la chica del tutorial original, haría en su día una tabla de 2 columnas x 1 fila, porque tiene el logo a la izquierda y el texto a la derecha: 


Entonces, pinchamos en el iconito para insertar la tabla (obviamente parece una tabla y es como el del cualquier programa de Office) y elegimos lo que queramos, dependiendo de cómo queramos nuestra firma. 

Personalmente lo veo más fácil pinchando en la flechita, en lugar de en la tabla en sí, porque así lo elegimos a ojo. Como veis yo elijo dos filas en una sola columna. 



✎ Y tras pinchar, nos saldrá un churrillo, pero creedme, esa es la tabla. Entonces, el plan es que en en una de las celdas (si pincháis en el centro de una veréis que en realidad sí que son celdas) insertemos texto y en la otra el logo. 

Y lo primero hacemos lo del logo. Porque yo por ejemplo, aunque tendría más sentido escribir primero el texto, que es lo que tengo en la celda de arriba, cuando luego una vez hecho eso, quiera insertar el logo, pues me voy a tener que registrar, y me va a desaparecer todo... ;)

Así que, a por el logo. 

Yo, como aún no tengo logo (voy a cambiar el diseño del blog entero, así que por ahora no me voy a molestar en hacer uno), pues subo a mi yo guapa. Para hacerlo, me pongo en la celda de abajo y pincho en el iconito de la foto, Upload Image, que es obviamente para subir imágenes. 

✎ Yo ya tengo cuenta porque me la hice cuando hice mi firma (qué maja soy, eh, estoy repitiendo tooooodo el proceso para escribiros esto), pero vosotras tendréis que crearos una ahora. No worries, que es gratis. 

La creáis y subís vuestro logo. 

✎ Después, vamos a por el texto. Yo me pongo en la de arriba y escribo Blanca Balzola. Y justo debajo Personalización de Blogs. Le cambio la fuente (Tahoma) y el tamaño (3, 12 pt) y Blanca Balzola lo pongo en negrita.

✎ Ahora, para agregarle los iconos sociales, pinchamos en la pestañita del medio: Social icons



✎ Fijaos que la primera que nos sale es Facebook. Bien, pues en el espacio copiamos el link a nuestra página de Facebook. Esperamos a que se cargue (salen unas flechitas) y seguimos. 

(Aviso: hay luego un icono para página de FB, pero tiene una banderita, con este icono también funciona, así que yo lo prefiero, porque es más obvio que es el botón de Facebook que una banderita amarilla)

Yo no quiero añadir ni Twitter, ni LinkedIn, ni Flickr, así que le doy a donde dice Add


✎ Y me van saliendo más. En el momento en que veo uno que quiero. Bingo. Repito el proceso. 

✎ Y en cuanto tengo los cuatro que a mi me interesan (podéis añadir todos los que queráis): Apply

Ya tenemos nuestra firma. Y podemos previsualizarla dándole a Preview.

Nota: Aunque ahora no vemos los iconos, si le damos a Preview, vemos que sí están. 

Y ahora que la tenemos hecha hay que ponerla en el email. 

OJO: Esto es imporante, porque sino nos saldrá publicidad (del tipo, para tener una firma como esta pincha aquí), y queda horrible. 

Entonces: 

✎ Desde el propio "preview" copiamos la firma completa (sisi, completa, porque vamos a hacer un copia y pega) 


✎ Y la copiamos en la firma de nuestro email. 

Ahora os explico cómo hacerlo, tanto en Hotmail como en Gmail. 

Y una vez copiada en nuestras opciones de firma del correo que usemos, eliminamos WiseStamp de Chrome, porque ya no la necesitamos más (en la arroba de arriba a la derecha - clic en el botón derecho - Eliminar de Chrome)

Cómo poner una firma en Hotmail:


Opciones (arriba a la derecha)

Más opciones

Firma y fuente del mensaje

✉ Y ahí lo copiamos (de los dos cuadros que salen, en el de abajo, donde dice Firma personal)

Yo, como "mi" cabeza queda muy pegada a donde dice Personalización de Blogs, le añado a mano un espacio. 

Y ya de paso le añado un link a Personalización de Blogs, a mi blog. 

Después lo cambio a negro, porque no me gusta el moradito de los enlaces.

✉ Y Guardar

Tachaaaaaan. A partir de ahora, cada vez que envíe un email, lo enviaré con esta firma.

Cómo poner una firma en Gmail:


✉ Pinchamos en la flechita que hay al lado de la ruedita (arriba a la derecha)

Configuración

✉ Y en la pestaña en que sale por defecto (General), bajamos, bajamos, bajamos, y casi al final: Firma

Pegamos nuestra firma

Guardar cambios

Y ya está. 


Como he dicho, es importante que en cuanto la peguemos ahí, eliminemos WiseStamp de Google Chrome o nos saldrá esa publi horrorosa. 

Si alguien os pregunta cómo la habéis hecho... simplemente le decís que se pase por mi blog.

Y es que además este tutorial se merece montón de "publicidad" boca a boca... y un montón de comentarios, porque vaya peñazo de tutorial que me acabo de currar ;)

Espero que os haya gustado al menos. 

Beso gordo, 

Únete a mi newsletter para recibir cada semana un resumen con trucos y recursos

61 comentarios

  1. Buenísimos días! Wowwww!Es maravilloso! Me encanta y lo voy a poner en práctica ya!
    Me parece genial! Una vez más, te superas con los posts cada vez que publicas! Mil gracias!

    ResponderEliminar
  2. ¡Muchísimas gracias Blanca!

    Estaba deseando insertar mi firma en el mail xo no tenia ni idea de como hacerlo! Esta tarda lo pongo en práctica!

    Feliz semana**

    [ART&LIFE]

    ResponderEliminar
  3. Que guay Blanca! A ver si me da tiempo esta tarde e investigo :)

    Eres una crack!!!
    Muak.

    Vero.

    ResponderEliminar
  4. Me gusta. A ver si doy con un logo firma que me guste e identifique y lo cuelgo para mi email.
    muy buen tutorial!

    ResponderEliminar
  5. Completísimo! en cuanto tenga tiempo me pongo a ello :)

    Besos
    Bocados Divinos

    ResponderEliminar
  6. Muchas gracias Blanca por este tutorial. Hace tiempo que estaba pensando en hacerme una firma sin saber muy bien como hacerlo. Descubri tu blog ayer estoy encantada a ver si tengo mas tiempo para personalizar un poco mi blog que es muy soso...saludos,

    Aude

    ResponderEliminar
  7. Por fin!!! Pues como siempre un consejo de 10!

    Juanan Cuuking!

    ResponderEliminar
  8. Hola Blanca!!! Fantástica entrada, yo voy a hacer unos arreglillos en mi blog y te visitaré para coger ideas, bsssss.

    ResponderEliminar
  9. Genial Blanca
    Tomo nota de todo.

    Bikiños♥♥♥
    Oli Silva
    http://pitusasypetetes.blogspot.com

    ResponderEliminar
  10. Que buenisima idea! :D gracias por compartirla :D

    ResponderEliminar
  11. Eres genial!! Ojalá encuentre un momentillo para ponerla en práctica, porque es super útil!

    Un besete y gracias por todos estos truquis maravillosos!

    ResponderEliminar
  12. genial blanca pero como lo añadimos a hotmail? a mi solo me deja poner texto no me deja subir ninguna imagen ni nada, no se si me explico, luego con mas tiempo lo vuelvo a probar, un beso!!

    ResponderEliminar
  13. Eres una crack! Ya lo tengo hecho y se lo he recomendado a mi chico para que tambien lo haga en su correo.
    Gracias guapa!

    ResponderEliminar
  14. Pues menos mal que te has decidido a publicarlo porque es un post genial! en cuanto tenga algo de tiempo lo haré.
    Gracias, gracias, gracias!

    ResponderEliminar
  15. Ya tengo mi firma en el correo! Queda muuuuy de profesional!! Gracias por este mega post!! Eres un cielete :)

    Un beso
    The Sweetest Taste

    ResponderEliminar
  16. Lo primero gracias por pasarte por mi blog, luego decirte que te sigo, que me parece interesante todo lo que hay por tu blog y de utilidad jejeje

    ResponderEliminar
  17. muchas gracias!me lo he leído todo pero cuando tenga un rato lo intentaré,besis

    ResponderEliminar
  18. Blanqui! Qué interesante!!! Pero un poco avanzado para mi nivel de tecnologías de seguimiento, chata! Tengo que lanzarme!!!

    Te mando besos enormes allá donde estás y mucha energía positiva, vale? Ya sabes por dónde van los tiros...

    Besos!!!

    ResponderEliminar
  19. Pues si un tutorial impresionante a ver si me animo hacerlo un dia porque lo has explucado muy bien.
    Gracias por compartirlo y bicos mil wapa.

    ResponderEliminar
  20. Uhhhh que chulada , mañana mismo me pongo!!!

    ResponderEliminar
  21. Hola guapa! aver si me puedes echar un able con este problemilla: tengo una plantilla sencilla de blogger, on un fndo blanco, pero me sale como un pequeño maro y sombreado alrededor de las fotos. que puedo hacer para sacarlo? lo intenté de mil formas, per nada! Gracias!
    Un saludo

    ResponderEliminar
  22. Acabo de alucinar con la cantidad de cosas que nos enseñas, ya tienes una nueva seguidora, besos
    Sofía
    milideasmilproyectos.blogspot.com

    ResponderEliminar
  23. Maaadre mía, vaya tutorial!!!Muchas gracias!!!

    ResponderEliminar
  24. Me encanta tu blog, te he conocido por medio de Me llaman Noe y he pasado a visitarte, me gusta tanto que me quedo en el, a partir de ahora tienes una seguidora mas, ya te mandare algún mensaje para solucionar un problema de mi blog. y este tutorial preciosos. Un saludo

    ResponderEliminar
  25. Graci, a ti te he contestado por email, pero bueno, viene en el post explicado.

    Sulema, bienvenida!

    A todas las demas, mil gracias, como siempre por vuestros comentarios. Los adoro!!! :)

    ResponderEliminar
  26. muchas gracias por tus consejos, te acabo de conocer y me encanta:)bsts

    ResponderEliminar
  27. Me encanta!!! Lo pongo en práctica en cuanto pueda. Gracias

    ResponderEliminar
  28. ¡Qué chulo tutorial!
    Lo quiero poner en práctica.

    Muchas gracias.
    Un besito

    ResponderEliminar
  29. Voy a intentarlo con Safari a ver si funciona. Muchas gracias por el tutorial.

    ResponderEliminar
  30. Más vale tardeeee.... Ya lo tengo!! Aunque me ha costado!! Porque se me ponía solo, no podía copiar, he tenido que desinstalar el programita.... Al final lo tengo!!!

    Te mando un Mail para que lo veas!!!

    Lo malo, que si mando el Mail desde otro sitio que no sea el ordenador no va, verdad???

    ResponderEliminar
  31. Eso sí, que se me olvidaba, está genial explicado!! Los problemas han sido míos, no de tu tutorial... Jeje

    ResponderEliminar
  32. Hola Blanca!
    Me encanta lo bien que están explicados tus tutoriales! :)
    He intentado hacer lo de la firma. Pero cuando copio la imagen del preview me sale en blanco cuando copio en gmail.
    No sé si sabrás qué problema puede haber.
    Lo escribo por aquí por si a alguien le ha pasado lo mismo.
    Gracias! Un saludo!

    ResponderEliminar
  33. Falsa alarma! Todo solucionado! Ya me sale! Está muy guay! Gracias!

    ResponderEliminar
  34. hola Blanca, lo he intentado con safari y al descargarlo no sale el comando de seleccionar plantilla.
    Si ahora quiero desinstalar esta aplicación para no tener el icono en el barra de safari ¿cómo lo hago?
    Gracias.

    ResponderEliminar
  35. Harmony, lo siento muchísimo pero no tengo ni idea. No uso Safari.

    Trastea un poco y seguro que das con la opción. En Google Chrome está bastante fácil de encontrar...

    Un beso,

    ResponderEliminar
  36. Lo he conseguido con Safari, realmente te va guiando la aplicación, te ahorras tablas y demás, sin tener que darle a ningún botón solo dando avanzar a los pasos y cuando hay que personalizar la firma es cuando ya es conveniente seguir el tutorial de Blanca.
    Muchas gracias

    ResponderEliminar
  37. yupi!!! genial Blanca!! conseguido ;) Ya lo tengo activo en mi correo de la protectora y queda muy bien!!
    ahora me queda el mío personal y los que uso para las campañas de la protectora :D
    ¡¡Muchas gracias!!

    ResponderEliminar
  38. Hola! Muchas gracias, Blanca, quedará bonito!
    Besos

    ResponderEliminar
  39. Muchísimas gracias, un tutorial estupendo, ya tengo firma.

    ResponderEliminar
  40. Hola...he intentado bajar el programa 2 veces y no hay manera de que salga de la pagina donde te explica...sali e intente entrar donde esta la @ azul y me sale que ponga mi cuenta de facebook..como ves yo ni en Español me entero...que puedo hacer?

    ResponderEliminar
  41. Me parece que lo dejo para otra ocasión, se me ha complicado la cosa al abrir la opcion templates que no encuentro lo que dices, no parece tan fácil, un saludo chao chao

    ResponderEliminar
  42. Jolinnn que de cosas sabes!! Ya tengo la firma puesta en la direccion de correo que uso para el blog... Gracias!!!!!!!!! A quien me pregunte lo mando para aca jejeje

    ResponderEliminar
  43. Blanca, lo he intentado, pero ya no sale igual cuando abres la opción templates y después no deja copiarlo en la firma de gmail! :S

    Me ayudas? Gracias

    ResponderEliminar
  44. Acabo de descubrir tu blog y me ha encantado, explicas las cosas de forma muy sencilla. He hecho lo de la firma, pero no sé si lo he hecho bien. Lo he puesto en gmail y resulta que me sale bien, pero como enmarcado en un cuadro grande, no sé si queda así o no. ¡¡Muchas gracias!!

    ResponderEliminar
  45. Hola Blanca,

    Me lo voy a leer bien despacito a ver si lo consigo. Estaba deseando aprender a hacer esto y me encanta que nos ayudes.

    Aunque ahora tengo que ver cómo consigo o con qué hago el "dibujito" que tengo en mente para personalizar mi firma. ¿Sabes de alguno?

    MUCHISIMAS GRACIAS por ayudarnos tanto

    ResponderEliminar
  46. Muchísimas gracias!! Ya he puesto mi nueva firma!! Un post súper útil!!

    ResponderEliminar
  47. Hola Blanca! Me sale el siguiente error en hotmail: "Tu firma supera la longitud máxima permitida. Reduce la longitud de la firma y vuelve a guardarla". He llegado a suprimir hasta el logo y me he quedado únicamente con los iconos sociales y me sigue dando el mismo error...¿?¿?

    ResponderEliminar
  48. Me lo apunto!! Un beso guapa que te lo mereces después de esto!!

    ResponderEliminar
  49. Casualmente este programa lo descubrí a través de san Google hace unos días, y ahora lo leo en tu blog. Yo también lo usé para personalizar mi firma, aunque los botones decidí cambiarlos por otros iguales a mi blog, así visualmente siguen el mismo esquema.
    Un saludo de nuevo!
    El Baúl de Eleanor

    ResponderEliminar
  50. Hola Blanca, sigo tu blog porque das muy buenas ideas, algunas he aplicado al mío, y éste en particular, a mis emails, y la verdad que me quedó muy guapo con la firma.
    ¡¡Muchas gracias!!

    Un saludo.

    ResponderEliminar
  51. Muy buen programa, ya está puesto en marcha y queda muy profesional ;)

    Por cierto, ahora ya no hace falta poner una tabla ni nada de eso, está puesto en formato simple.

    ResponderEliminar
  52. Muy bueno me gusto muchisimo y ya lo aplique, pero a estas fechas ya ha cambiado todo en www.wisestamp.com pero igual pude hacerlo. Gracias

    ResponderEliminar
  53. Yo uso Mail de Mac, ¿sabes cómo puedo incluir un ícono de Facebook y su link para dirigirlos a mi página? Gracias por la ayuda que puedan brindarme.

    ResponderEliminar
  54. Como se quita despues?
    No se como y me mareo de tanto buscarlo.

    ResponderEliminar
  55. EN ELLO ME PONGO ENSEGUIDA UN ABRAZO

    ResponderEliminar
  56. Lo habrás cogido de otro sitio, pero maravilloso tu post, tu explicación y to y to y to....
    Besos guapa
    by Ana Minaya

    ResponderEliminar

© Personalización de Blogs. Diseño: Eve y Blanca.