i had a relatively hard time to put a follow me on twitter badge to my email signature in Apple mail. So i thought i would share this with other people.
The process is fairly straight forward once you figure it out. So here it goes. Before you start make sure your Mail app is completely closed ( right click on it in Dock and “Quit”)
Apple mail signatures are basically a web archive (.webarchive). Needless to go into what is a webarchive but you can read about it here
This webarchive file is located in ~Library/Mail/V2/MailData/Signatures. “~” is short for your home folder (for people who are not so technical).
In my Mac OSX lion 10.7.2 i can’t see this path using Finder, so i have to open finder and then select “Go to Folder” option under “Go” menu, and then put in the path above
You can see in the screen shot above there are a bunch of webarchives. There will be one for each signature you have defined. You can find out which is which by looking at the plist file. Just open the plist file in TextEdit by right clicking on it.
You can notice from the highlighted text that my account email@example.com is linked to key “F6999944-2476-4CE9-AEDE-2B45518B0315” which means “F6999944-2476-4CE9-AEDE-2B45518B0315.webarchive” is the file i am interested in replacing with my new signature with a twitter badge.
Next step is to go to your fav. HTML editor to compose some HTML which we can use as email signature. If you don’t have one, like i don’t you can use the ones available on the internet. For example you can go to an online WYSIWYG HTML editor here
Before you start typing your signature you need an image file for follow me on twitter badge. You can find plenty of them on google if you search for them. I have one here. You need this image file online and publicly available because otherwise when you send people emails they will not be able to see the image. Lucikly wordpress blog offers me upto 3.0 GB of media space online where i can put images , you can put it on your flickr or instagram or whatever is it that you use for sharing images.
Finally when you have an image online you are ready to compose an HTML signature. In the editor type in your signature and add an image to it
you can use the HTML editor’s controls to make the text exactly how you like it. Then insert the image by clicking the image icon and providing the public URL of the image.
Once the Image is inserted you can make it a hyperlink to you twitter profile. Just select the image , click the “link” icon and put the URL of your twitter profile.
Once this is done, click “Save file now” which will download the HTML source to your “Downloads” folder.
This particular editor downloaded the source as a “txt” file so i had to rename it to “html”. you can open the HTML in Safari and view source ( you can do that by right clicking on the page and select “view source”
You can see that it’s a very simple HTML with your text and img source and the hyperlink to your twitter profile
If you are good with HTML you can play around with the HTML a little more. But be care to not use any CSS file (all CSS has to be inline).
Now in safari select File -> Save As and save it as a .webarchive overriding the ones we wanted to replace (~Library/Mail/V2/MailData/Signatures/F6999944-2476-4CE9-AEDE-2B45518B0315.webarchive)
Once done, reopen the Mail and voila your have your new signature. The badge will only act as a link once you send the email (you can’t tell while composing the email that if the hyperlink works or not)