Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Use Facebook Badges as email signatures in Mail Apps
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 -->
Remove all the extra garbage that Facebook adds to the code, and make the final result look similar to the following code:
<!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>
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.
    •    
  • Currently 2.25 / 5
  You rated: 1 / 5 (16 votes cast)
 
[17,315 views]  

Use Facebook Badges as email signatures in Mail | 4 comments | Create New Account
Click here to return to the 'Use Facebook Badges as email signatures in Mail' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Use Facebook Badges as email signatures in Mail
Authored by: pglock on Oct 27, '09 02:31:16AM
I'm attempting to create an email company template that apple mail, outlook, and webmail users can all access so that it doesn't matter where mail is sent from, it will always have a consistant look. Your hint about embedding elements in a signature gives me an idea. Do you think I could put some code on our company website then refer to it in a signature the same way as a facebook badge works?
---
Too lazy to think of an original signoff...


[ Reply to This | # ]
Use Facebook Badges as email signatures in Mail
Authored by: mape on Oct 27, '09 09:54:54AM

I'm not getting something:
How did you converted the FB code into the latter one?
I mean, HTML tags doesn't match, the URLs are not the same, etc.
Could you help us here, please?
Thanks in advance.
:o)



[ Reply to This | # ]
Use Facebook Badges as email signatures in Mail
Authored by: woodrackets on Nov 10, '09 06:29:04PM

How about doing a demo for a LinkedIn badge on OS10.5.X? The ones out there now are for Snow Leopard, or otherwise don't work for me.



[ Reply to This | # ]
Facebook emoticons
Authored by: emoticon-addict on Jan 27, '10 01:13:16AM
Can someone tell me if it's possible to use the little Facebook smileys when sending an email? Will I need to attach the image files to every email or is there some other way? Thanks for any help

[ Reply to This | # ]