This article will explain how to make a logo signature in Outlook Express (for Windows) and Mail (for Macintosh).
Reasons to do this
- It looks nice to have your logo in your signature
- Hosting your logo “on-line” (as opposed to making it part of your email) won’t create an attachment when you send an email to someone. You have less chance of getting hung in their spam filters and they won’t get confused by extra attachments.
- Emails without embedded logos are smaller and take up less room in someone’s inbox.
- If you decide to change your logo, you can do it on your end and everyone else’s email with your signature will reflect the change.
You will need:
- Your logo uploaded to the internet and the path to it.
EXAMPLE. See how when clicking the sample you only get the logo and nothing else? Note the URL (http://www.lenashore.com/studiometry/Web-Logo-stamp-2008-tiger.jpg). That is the full path to the image and the link you will need. - A basic text program (i.e. Text Edit, Notepad) or HTML program.
- My sample code. [Download code here]
The end result will look like what you see below. But you will alter it to include your logo and information.

Windows Instructions (for Outlook)
- [Download the code here]
- Unzip the file
- Open the email_signature.html file with notepad or other text or HTML editing software.
- Edit to reflect your company information.
- Replace http://www.lenashore.com/studiometry/Web-Logo-stamp-2008-tiger.jpg with the path to your own graphic.
- Save your file.
- Open Outlook Express. Go to Tools –> Options –> Signatures (tab)
- Create a new signature by selecting “New”
- Check the “file” radio button.
- Browse to the file you just saved.
- Select “okay”
Macintosh Instructions (for Mail)
Mail is a little trickier but, not hard once you understand how to do it.
- [Download the code here]
- Unzip the file
- Open the email_signature.html file with notepad or other text or HTML editing software.
- Edit to reflect your company information.
- Replace http://www.lenashore.com/studiometry/Web-Logo-stamp-2008-tiger.jpg with the path to your own graphic.
- Save your file.
- Open your revised signature file with Safari and save it as a webarchive someplace on your computer.
- Open Mail and go to Preferences–>Signatures
- Create a new signature by clicking the plus sign in the middle column. (Don’t worry about editing this as we are going to replace this with our new signature.) You can close this window.
- Now, go to your home folder –>Library –> Mail –> Signatures (If you don’t see your Library folder, you may have upgraded to Lion or another OS that hides it. Follow this link to learn how to display the Library folder again.
- You will notice that any signatures you have in this folder have crazy looking names like “1CF6A404-88B6-484F-A69E-69897A0C2885.webarchive”
- Locate the signature file you just created. If you have multiple signatures, check the date to determine which one you just created.
- Copy the crazy name of the signature file.
- Find your email_signature.html file and rename it exactly as it appears in step 12.
- Replace your the signature file with the newly named email_signature.html file of the same name. It will ask you if you want to replace the file. Tell it yes.
Options
You can use this same method to create a wide variety of styles for your signatures. This is just one example. If you have access to an HTML program you can use that to see what you are doing. Just remember you don’t need the body tags or the header information for a signature.
Happy signing!





{ 20 comments… read them below or add one }
I am using windows XP. I have configured Outlook express version 6 signature using the above stated method. I have a logo in our website. Even though the mails from which I send from Out look express shows an attachment in REDIFFMAIL, GMAIL etc… Pls help…
Siva – can you post or email your code to me? I’ll take a look. :cheerful:
@Siva: I took a look at your code. Thanks for the email.
I probably buried this bit of information too far down in my post, but it is important. You need to strip out the HEAD and META content of your signature. You just want the code for the signature and nothing extra. Since you aren’t using the BODY tag, you should strip that too.
If you’ll look at my code, you’ll see there is not “extra” information. You don’t want to create a full HTML page. Just a little snippet for your signature.
Delete lines 1-15 (this is where you extra code is) and the closing tags on line 97. Line 21 has a rogue closing FONT tag.
You might want to run the code that is left through a HTML validator to catch anything else. It won’t understand why you don’t have body tags – but it will be helpful to find other problems. W3 has a good one here: http://validator.w3.org/
Lena, love your site and thanks for this tip.
Unfortunately, when I simply double click your email_signature.html file, I get an page that shows your signature, but no logo. Any ideas?
@David
Thanks for the kudos.
I bet you are using Internet Explorer to view the html. I have no problems viewing the image in other browsers – but was able to replicate your problem when I tried it in IE. If you look at the source code and copy/paste the path in a new window it shows up. I suspect it is because it is not a full HTML page with body tags, etc. I think other browsers make allowances for that, but not IE.
Just open the file in notepad or other text editor and continue as normal. When it is used in a mail program, it should display just fine. :biggrin:
Thanks. It just pointed me in the right direction. Necessary because our logo (embedded as a file) caused messages to got stuck in spam filters.
When I go to the Mail folder on my hard drive there is no Signature folder within. So I’m stuck on Step 10 for your Mac instructions.
Can you help?
Thanks, Dorothy
Are you sure you successfully created a new default signature as in step 9? It’s possible if you have no signatures there may not be a folder for them yet. Perhaps it didn’t take when you created it? What version of OSX are you using?
@Dorothy…
You need to goto Users>computername>library>mail>Signatures
Lena, do you know how to do this for Outlook 2007? Very different from Outlook Express.
Chris – I need to get Outlook so I can write a good tutorial on this. It’s been too long and I can’t remember the exact steps. But, Outlook uses templates. So, you would create a template that would include the HTML code. Then you apply a template to your email. Somewhere in the preferences you can tell it to always use a particular template as the default.
Hi Lena, I’m also looking for the way to put an hmtl signature in outlook but then for outlook 2010.
When doing this in the Mail programme from Apple you us the archive file and replace it in the signatures folder. Would this work with outlook when you go to outlook/documents and settings and then signatures (if there is a folder like this? haven’t had the change to find a pc with outlook 2010 yet but will do this within a couple of hours)
Jan10 – you can look at this article for Outlook Express. It should be a similar process. Then you try taking the same HTML code from this post and using it in Outlook 2010. All that being said, i did find an article on creating a signature in Outlook 2010 here:
http://www.nirmaltv.com/2009/07/17/how-to-add-a-signature-in-outlook-2010/
Dear Lena,
Is it possible to make a banner in an email and then when you start writing have the text begin at a specific width from the left side of the email window in a specific font?
I wrote something for this but because I specified the margin-left in the body, when people want to reply to a message that has been written like this they are also forced to begin their text at this point and use the same font. Putting things in a table and giving a style to this table also didn’t work out fine.
It sounds like you are doing the right things. I would probably make a couple of empty spaces above and below the signature with no formatting at all so your recipients reply they won’t be “stuck” inside what you formatted. Does that help?
thank you for this quick reply,
unfortunately adding the empty lines do not work, this is what I have right now:
…
body {
margin-top: 0 px;
margin-left: 73 px;
font-family: Times, serif;
}
img {
padding: 0px;
margin-top: 0px;
margin-left: -73px;
}
Do you think it is ok like this?
(It seems like apple mail won’t allow me to reply to a message and keep my own signature rules, somehow the original mails hmtl is taking over. I use Mac OS 10.6.6)
thank you so much Lena for your help after sending you an email with the proper URL where my code was stored! You solved my problem in no-time!
YAY! (:
I tried and I tried and I really tried hard! BUT i can’t get it to work
It looks that I have problems in using a text editor with opening your code. Changing name is ok, but as soon As I replace your graphic with my link the text editor changes the document in an rtfd documents which I can’t open with safari app. So do you have any tricks for me how I can edit your code and replace your image with mine?
thanks, albertus
Hi Albertus!
If you are on a Macintosh, you can use TextEdit or SimpleText and save as plain text. If you are on a Window’s machine you can use notepad.
(:
{ 2 trackbacks }