sim.plified.com

Chris Pollock

Chris Pollock - web developer (PHP/mySQL & ASP.NET)
undivided… my thoughts on world, family, church, business, technology and Jesus Christ (all in all)

Slick Looking Gmail HTML Signature

With a little bit of HTML and a couple of Mozilla Firefox Plugins you can make a pretty slick looking HTML signature for Gmail.

Here is what mine looks like

 

Chris Pollock
cwpollock@gmail.com

my blog | LinkedIn | flickr | del.icio.us

1. Firefox is Required. If you haven't made the switch.. go for it.

2. Download Greasemonkey - it's a firefox plugin.

3. Download a Grease Monkey Script called: Gmail HTML Signature. The script should install automatically when you click on "Install this script" button in the upper right hand corner.  Here are some additional setup instructions from the script creator.

4. Prepare the HTML. It helps to know a bit about HTML, but if you don't feel free to use my snippet below, inserting your own information where appropriate.

 <table><tbody><tr><td>
<img src="http://farm3.static.flickr.com/2363/2237613114_5ff587490a_o.jpg" />
</td><td></td><td>
<div style="padding-right: 5px; padding-left: 5px;
font-size: 11px; padding-bottom: 5px; color: #666666;
padding-top: 5px"><strong>Chris Pollock</strong>
 <br />
<a href="mailto:cwpollock@gmail.com">cwpollock@gmail.com</a>
<div style="font-size: 10px">
<a href="http://sim.plified.com">my blog</a> |
<a href="http://www.linkedin.com/in/chrispollock">LinkedIn</a> |
<a href="http://www.flickr.com/photos/pollocks">flickr</a> |
 <a href="http://del.icio.us/cwpollock">del.icio.us</a>
</div></div></td></tr><tr></tr></tbody></table>

I created a thumbnail avatar (50 by 50 pixels) and uploaded it to Flickr. You'll want to replace the image with your own image. To get the picture URL, click on "All Sizes" on your photo page and get the URL in the text box at the bottom of the page. You can also replace your own list of links below your name and email.

When creating this code you might want to assemble it in a text editor. Notepad will do.

5. After you've installed the Greasemonkey script, you'll see a "create signature" link next to your email address when you go to compose a message. The first time you compose, click that link and add the HTML code that you prepared. Click "Save Signature" and you should be set to go.

11 Comments, Comment or Ping

  1. I have had a couple of people contact me about having problems with their HTML. The primary issue seems to be the double quotes in the HTML. If you have a problem getting your links to work, check to make sure that your double quotes are formed correctly. They should be the standard straight quotes, not "smart quotes".

  2. Great post, together with this add-on Gmail HTML signatures (http://userscripts.org/scripts/show/20887) I'm in sig-heaven soon

  3. Thanks so much for the code! My signature looks great! One question, though –Is there any way to add the signature to Reply emails? Right now it only shows if I go to compose a new email. Diana

  4. Hey,
    Thanks for this Chris.
    Melinda

  5. I'm back. My signature doesn't always show up when I compose a new message. I ticked 'no signature' in the Settings page.

  6. Nishant

    Its not working on Reply/ Forward…

  7. Great stuff, finally got it up and running with google apps. Thanks for the article.

  8. Great idea..!!!!
    I made it in my gmail..

    Thanks again

  9. CactusTriathlete

    Thanks for this page! I used it as a start to get just the sig I was looking for!

  10. There is a bookmarklet HTML creator in order to add HTML signature to Gmail : http://projets.geekfg.net/?/1-how+to+insert+html+signature+in+gmail.htm

Reply to “Slick Looking Gmail HTML Signature”

My Pictures

CIMG6647CIMG6646CIMG6643CIMG6641CIMG6640CIMG6638CIMG6637CIMG6635CIMG6632CIMG6629

Chris Pollock

Web Developer - proficient in both PHP and ASP.NET.
Rochester, New York

View my web developement site.

View Chris Pollock's LinkedIn profile

My Pictures

CIMG6647CIMG6646CIMG6643CIMG6641CIMG6640CIMG6638CIMG6637CIMG6635CIMG6632CIMG6629