Firme en Html para MacOsx

Hoy os traemos un truquillo de los más molón para que costumicéis vuestra firma de mail. 

Seguro que en laguna ocasión te ha llegado algún mail de esos que son de admirar y entre las cosas destacadas que tiene está la firma del cierre, pues bien hacerte tu propia firma en código no es nada difícil, y menos con el código que os vamos a dejar más abajo para que copies y peguéis, modifiquéis algunas cosillas y listo. 

Vamos a por la tarea. Primero vamos a hacer un listado de puntos importantes, a modo de índice, para que os se más fácil navegar por el artículo.

Primer paso: Crea una firma con Mail

Lo primero que tenemos que hacer es crear una firma en nuestra administrador de correo. En este caso, nosotros utilizamos el software nativo de Apple, Mail. Sabemos que es sencillo, a veces puede resultar limitado, pero es tan adaptable al entono Mac y a sus diversas aplicaciones que al final es el más práctico.

Abre tu el programa Mail y vete preferencias del programa. Si eres nuevo no te preocupes debajo te voy a ir dejando el paso a paso con fotos.

Una vez abierto preferencias dirígete a la pestaña de firmas y crea una nueva. No hace falta que escribas nada ni les des contenido a la firma, ya verás a continuación el por qué.

Cerramos el programa por que al incluir el código no queremos tenerlo abierto.

Cerramos el programa, ya que al crear el código e incluirlo en la firma, es preferible que el programa no esté abierto, aunque tampoco es problema si lo dejas abierto, ahora verás por qué. 

Segundo paso: Crea el código

Está es la parte más complicada pero sigue estos pasos y todo solucionado. Debemos localizar la carpeta donde el software: Mail, guarda las firmas para poderle retocar el código. Como la localizamos? Fácil.

Estando en el desktop, ves a la parte superior de la pantalla y localiza el menú: Ir or Go (en formato inglés), despliégalo y apretando la tecla Option (al lado de la tecla command), te dejo el la foto de la tecla. Verás que se despliegan las carpetas ocultas del sistema, aquella que Apple prefiere ocultarte para que no la lies y borras alguna. no te procupes que lo que hacemos no afectará a tu sistema.

Bien, aprieta la tecla opción y se aparecerá una opción que pone librería, entra en ella y se te abrirá la carpeta especificada.

SIN TECLA OPTION

CON TECLA OPTION

Tercer Paso: Selecciona firma

Una vez abierta la carpeta Library, debes dirigirte a la carpeta Firmas (o Signatures como en la foto). Sigue el recorrido que te marca la foto, aún así te lo dejo aquí escrito.

Library/Mail/V6/MailData/Firmas/FLECHA VERDE DE LA FOTO

En la carpeta library que acabas de abrir te recomiendo que la ordenes por fecha de creación te va a ser más fácil localizar la firma creada hace un momento, ya que tienes nombres numéricos. Te quedará algo así.

QUIETO PARAO!

Ojo que la carpeta que ves en la fot V6, puede ser que varie en tu computadora, depende de la versión de MacOS que tengas. El final es el mismo, chequea las carpetas y listo.

Sin miedo abre el archivo que corresponde a la hora y fecha de la firma creada. Se te abrirá un archivo de código parecido a este que viene a continuación, lo que debes hacer ahora es desbloquearlo como indico con una flecha en la foto.

QUIETO PARAO!

No borres la parte que indico en la foto. Estás avisado!!!!

Esta es la parte engorrosa y técnica del proceso, pero bien fácil con el código que te paso a continuación. Copia y pega ese codigo en firma que acabas de abrir. Importante!!! no b orres el encabezado del código, es el que utiuliza MacOsX para saber que ese archivo corresponde a una firma del software Mail. 

Te recomiendo que acabes el proceso y veas como es la fima para que después la mofdifiques a tu gusto. Sólo recomenadrte que los cambios que vayas haciendo en la firma los hagas con el sistea A/B testing, es decir cambies solo un elemento y pruebes como funiona. Recuerda que es código, si no estás muy habituado a ello te va a ser dificil identificar que has cambiado si  lo haces con más de un elemento a la vez.

Aquí tienes el código:

<div id=»sig» style=»min-height: 50px; line-height: 17px; margin: 6px 0; padding: 8px; border-top: 1px #FCD232 dotted; border-bottom: 1px #FCD232 dotted; font-family: ‘Source Sans Variable’, Verdana, Arial, Sans-Serif; font-size: 14px; color: #999999; min-width: 530px;»><img style=»float: left; padding: 2px 6px 0 0;» src=»https://webdealaska.com/wp-content/uploads/2020/03/Black-bear-1.png» alt=»Black-bear» />

<strong style=»color: #999999;»>Ivan Nuñez</strong> |
<br /><style=»color: #999999;»>Marketer & Data Analyst</> |
<br /><a style=»color: #999999; text-decoration: none; border-bottom: 1px #999999 dotted»href=»tel:+1971-998-3370″>(971) 998-3370</a> |
<br /><a style=»color: #999999; text-decoration: none; border-bottom: 1px #999999 dotted» href=»https://www.linkedin.com/in/ivan-nu%C3%B1ez/» target=»_blank» rel=»noopener noreferrer»>Linkedin</a> | <a style=»color: #999999; text-decoration: none; border-bottom: 1px #999999 dotted» href=»skype: ivanpoppov»>Skype me</a></a>

<br /><a style=»color: #999999; text-decoration: none; border-bottom: 1px #999999 dotted;» href=»mailto:ivan@webdealaska.com»>Mail me</a></div>

QUIETO PARAO!

Notas importantes sobre la firma:

FOTO: la foto está subida al servidor para que la firma la recoja y la muestre, como verás en el link. Cámbiala poniendo el link que corresponda. Si no quieres logotipo, borra y listo. Si te pierdes me nos escribes, aquí.

ANCHOR LINK: substituye los link hacia Linkedin y Skype, sino tus contactos nos van a llamar a nosotros. Importante.

SKYPE: específico para el link de Skype te dejo una guía bastante adecuada aquí.

Cuarto Paso: Testea la firma

Pasamos a la última fase. Bien sencilla. una vez hayas copiado el código que te he pasado en el archivo. Debes, y esto es imprescindible, bloquear el archivo. Como lo bloqueas? en el mismo botón que lo desbloqueaste. Recuerda bien esto por qué si no la firma no te va a funcionar.

Bien entonces ya tenemos el código dentro del archivo y ya lo tenemos guardado. EL hecho de bloquear el archivo hace que se autoguarde automáticamente (no es del todo cierto pero créetelo).

Ahora regresa al programa Mail, y recojo el comentario que hicimos unas lineas más arriba. Ahora debes cerrar el programa si no no lo cerraste anteriormente. Es importante para que la firma recoja en el nuevo código y lo implemente adecuadamente.

Cierra el programa y vuelve a abrirlo y nos dirigimos de nuevo a las firmas, como en la primera foto. 

Busca la firma que creaste y arrástrala a la cuenta que prefieras o en la que quieras mostrarla. 

Cierra esa ventana de firmas, la cual se autoguarda por sí sola. 

Crea un nuevo mail y selecciona la firma que creaste y et voila! Ahí la tienes. Ahi tienes tu firma en HTML de lo más cool, como en la foto..

Espero que el artículo te haya servido de ayuda y lo disfrutes. Ahora te recomiendo que te leas de nuevo las notas sobre el código que dejamos un poco más arriba, para que puedas cambiarlo a tu gusto.

Un saludo.

Comentarios:

6 Comentarios

  1. erotik

    Pretty! This was an extremely wonderful article. Thank you for supplying this info. Yovonnda Kimble Crisey

    Responder
    • Alaska

      Hi Erotik

      Thanks for your comment.

      Responder
    • Alaska

      Thanks Deidra.

      Responder
    • Alaska

      Thanks Alonso.

      Responder

Enviar un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.