With the ever growing popularity of Facebook, I had a number of people asking me how to use a Facebook badge as an email signature, so here are the directions for doing it.
The process is fairly easy. First you need to use Facebook to create a Facebook Badge. Once you have created your badge, select Other for the location it will be used, and then copy the code provided.
Open Dreamweaver or another HTML editor (but not iWeb). Insert the copied code in the body section of the code.
Your code should look something like this:
Remove all the extra garbage that Facebook adds to the code, and make the final result look similar to the following code:
Save the HTML file and open it in Safari. Now do a File » Save As, and export the file as a .webarchive. Don't forget where you saved it.
Now open Mail and create a new signature file; don't worry about putting anything in it. Quit Mail and navigate to ~/Library » Mail » Signatures, and locate the webarchive file that was just created. Replace that file with the one you created from your HTML file. Make sure the name of the new file is exactly the same as the old one. Now relaunch Mail. Don't worry if it doesn't look right in the preferences; it will appear correctly in emails.
The process is fairly easy. First you need to use Facebook to create a Facebook Badge. Once you have created your badge, select Other for the location it will be used, and then copy the code provided.
Open Dreamweaver or another HTML editor (but not iWeb). Insert the copied code in the body section of the code.
Your code should look something like this:
<!-- Facebook Badge START -->
<a href="http://www.facebook.com/azchipka" title="Avery Z Chipka" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;">Avery Z Chipka</a>
<span style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;">Â |Â </span>
<a href="http://www.facebook.com/facebook-widgets/" title="Make your own badge!" target="_TOP" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;">Create Your Badge</a>
<br/>
<a href="http://www.facebook.com/azchipka" title="Avery Z Chipka" target="_TOP">
<img src="http://badge.facebook.com/badge/512641097.2513.147449709.png" width="480" height="84" style="border: 0px;" /></a>
<!-- Facebook Badge END --><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Facebook Signature</title>
</head>
<body>
<p>
<!-- Facebook Badge START -->
-----------------<br />
<a href="http://www.facebook.com/azchipka" title="Avery Z Chipka" target="_TOP"><img src="http://badge.facebook.com/badge/512641097.2513.147449709.png" width="480" height="84" style="border: 0px;" /></a></p>
<!-- Facebook Badge END -->
</body>
</html>Now open Mail and create a new signature file; don't worry about putting anything in it. Quit Mail and navigate to ~/Library » Mail » Signatures, and locate the webarchive file that was just created. Replace that file with the one you created from your HTML file. Make sure the name of the new file is exactly the same as the old one. Now relaunch Mail. Don't worry if it doesn't look right in the preferences; it will appear correctly in emails.
•
[17,490 views]

