How To Create Your Own HTML Signature in OSX Yosemite’s Apple Mail

How To Create Your Own HTML Signature in OSX Yosemite’s Apple Mail

Unfortunately, creating high quality custom email signatures in Apple’s Mac Mail can be a pain, so we’ve created a nifty tutorial on how to embed HTML signatures in Apple Mail. If you’re on OSX Yosemite (10.10), here’s how it’s done: 1. Open Mail and go to Preferences > Signatures. Create a new signature and add any random content as a placeholder. After creating your placeholder, make sure to close your Mail app. 2. Write your HTML code using your favorite editor. This markup should include only basic html tags like <div>, <span> and <td>. Don’t get too fancy since Mail only accepts inline css. In case you’re confused, I’ve included a code snippet of my email signature. Email Code Snippet XHTML Content-Transfer-Encoding: 7bit Content-Type: text/html; charset=us-ascii Message-Id: <D7DD1C63-7074-4653-ADA0-D34ED4B6FA70@home> Mime-Version: 1.0 (Mac OS X Mail 8.2 \(2098\)) <style type="text/css"> a.link { margin: 0; padding: 0; border: none; text-decoration: none; } </style> <br /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="format-detection" content="telephone=no"> <table width='300' id="sig" cellspacing='0' cellpadding='0' border-spacing='0' style="width:300px;margin:0;padding:0;"> <tr> <td valign='top' style="margin:0;padding:0;"> <table id="sig2" cellspacing='0' cellpadding='0' border-spacing='0' style="padding:0;margin:0;font-family:'Lucida Grande',sans-serif;font-size:12px;color:#b0b0b0;border-collapse:collapse;-webkit-text-size-adjust:none;"> <tr style="margin:0;padding:0;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <strong> <a href="mailto:drew@drewdrewthis.com" style="border:none;text-decoration:none;color:#049cdb;"> <span style="color:#049cdb;margin:0;padding:0">Andrew Garde Joia</span> </a> </strong> <span style="color:#b0b0b0;">|| Founder &amp; President</span> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <a href="http://drewdrewthis.com" style="border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">www.drewdrewthis.com</span> </a> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <span style="color:#b0b0b0">Brookyln, New York</span> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <a href="tel:+1-207-200-1040" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">207.200.1040</span> </a> </td> </tr> <tr style="margin:0;padding:0;color:#b0a49b;"> <td style="margin:0;padding:0;font-family:'Lucida Grande',sans-serif;white-space:nowrap;"> <a href="https://www.facebook.com/drewdrewthisinc" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">Facebook</span> </a> <span style="color:e0e0e0;">&bull;</span> <a href="https://twitter.com/drew_drew_this" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">Twitter</span> </a> <span style="color:e0e0e0;">&bull;</span> <a href="https://www.linkedin.com/in/andrewgardejoia" style="margin:0;padding:0;border:none;text-decoration:none;color:#b0b0b0;"> <span style="color:#b0b0b0">LinkedIn</span> </a> <br /> </td> </tr> </table> </td>...