sim.plified.com

Chris Pollock

Chris Pollock - web developer & ecommerce entrepreneur
undivided… my thoughts on world, family, church, business, technology and Jesus Christ (all in all)

Slick Looking Gmail HTML Signature (Update 1)

With a little bit of HTML and a Mozilla Firefox plugin 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 a Firefox Plugin called: Black Canvas Gmail Signatures. You may need to login the the Firefox plugin site to download and install the plugin.  Install and restart your browser.

3. 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.

ScreenShot009

4. After you've installed the plugin , you will see a "create signature" button 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.  If you need more assistance using the plugin, check out the author’s web site.

The new plugin also allows for multiple signatures for the same account, this is a great feature.  I am sure that it could be used to make “templated response” emails.  Great addition!

  • Pingback: Slick Looking Gmail HTML Signature

  • http://mistabone.blogspot.com/ Wade Lucas

    hey Chris…thanks for the tips….very much appreciated….

  • http://squaredeye.com matthew

    Chris,
    Do you email from your web interface entirely, or do you use a desktop email client as well? If so, does this signature get added to your emails regardless of the platform from which you create it?

    Matthew

  • http://web.simplifiedbuilding.com cwpollock

    @Matthew

    This signature plugin only work while accessing gmail in the browser.

  • http://littlebytesnews.blogspot.com Patty

    I have dl blankcanvas, but sadly it doesn't appear compatible in the flock browser although flock is based on firefox. Any idea how to work around that and get it to work in flock browser for gmail?
    Thanks!

  • http://web.simplifiedbuilding.com cwpollock

    @patty

    You might try posting something in the forums for the plugin:
    http://blankcanvasweb.com/forums/id_1/n_bc_gmail_signatures/

  • http://www.pc-guy.co.za ..Ant

    Dude, thanks for the post. I'm happy now. Life is complete. 🙂

  • http://www.singlefeed.com Ryan Douglas

    This is EXACTLY what I have been looking for.

    BTW – We are on google apps, and it is working.

  • Majolelo

    Thank you very much for the info. Is there anyway to make the signature attached to every email I send? I think currently you have to manually copy and paste the signature to every email I send. Please let me know.

  • Majolelo

    Never mind. Please ignore my previous message. Thank you 🙂

  • Anname

    Hi, thanks this helps alot!!
    But, I don't have a Flikr account…how do I upload or find the url for a picture on my desktop to add to the signature?
    Thanks

  • http://www.danielsato.com Daniel Sato

    is there a reason you included your email address in an email signature? shouldnt they already have that since you are, in fact, emailing them?

  • Josh

    @daniel html email signatures are the new vcard dumb*ss that's why his email is included

  • http://www.blog.daviddho.com David Ho

    Hey Chris,

    Thanks for taking the time to write that code out – saved me some time :). I've been through a couple grease monkey scripts and this new updated black canvas has hit the nail right on the head. If you have any interest in China I semi-regularly rant about my experiences on my blog 🙂. Thanks again for the info I'm actually helping out some of my employees set this up now as well!!

    -Dave

  • http://chouputra.com Christopher Chouputra

    Thanks for the tip

  • http://jongibbins.com Jon Gibbins

    Shame! Looks as if the Firefox Addon is no more.
    "Black Canvas" shows no results. Any ideas of any alternative?

    Other than that, great tip.
    Thanks Chris!

    Jon

  • http://www.samuellavoie.com Samuel Lavoie

    thanks for the tips, really useful with Mailplane and Gmail!

  • http://ongoingissues.wordpress.com Angel

    Nice tip and it works well. Thank a lot!

Things I see

#gocubs. I’ll root for them over the Dodgers :)PhotoBig stuff planned here tomorrow night. #alcsIt’s hot in these here parts.Hunting is one of the few activities that necessitates slowing down and becoming keenly aware of your surroundings.Magic hour #nofilterHunting time. #youthhuntWarming up his swing. GO #southsidelittleleague !!My first ever granny square! Why when I tried this years ago could I not figure it out? Probably YouTube tutorials dawned since then! Like a free craft class at 9:30 at night --- hard to beat it:blush:The house is set for next weekend. #youthhunt Mr SmilesHappy birthday facesNo wonder Lucas has been eating like a horse lately... he's growing like a weed!!! #lifewithboys #growthspurt #threeyearoldsarefunDecided to try and remember how to crochet. Top is my first attempt at a square :joy:. Oops!!! #droppingstitches #crochetingisfunHanging out w mom and Julie in the finger lakes for the weekend. Had a fun time at Naples Grape festival. #lifewithgirls #umbrellahatsarecool #naplesgrapefest

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

#gocubs. I’ll root for them over the Dodgers :)PhotoBig stuff planned here tomorrow night. #alcsIt’s hot in these here parts.Hunting is one of the few activities that necessitates slowing down and becoming keenly aware of your surroundings.Magic hour #nofilterHunting time. #youthhuntWarming up his swing. GO #southsidelittleleague !!My first ever granny square! Why when I tried this years ago could I not figure it out? Probably YouTube tutorials dawned since then! Like a free craft class at 9:30 at night --- hard to beat it:blush:The house is set for next weekend. #youthhunt Mr SmilesHappy birthday facesNo wonder Lucas has been eating like a horse lately... he's growing like a weed!!! #lifewithboys #growthspurt #threeyearoldsarefunDecided to try and remember how to crochet. Top is my first attempt at a square :joy:. Oops!!! #droppingstitches #crochetingisfunHanging out w mom and Julie in the finger lakes for the weekend. Had a fun time at Naples Grape festival. #lifewithgirls #umbrellahatsarecool #naplesgrapefest