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:
<!-- 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>Mac OS X Hints
http://hints.macworld.com/article.php?story=20091003175507490