Skip to main content

How to Add HTML Signatures with Images to GMail Email Messages

Did you notice anything special about this screenshot of GMail message ? Well, it has an embedded animated graphic instead of the plain text signature.


GMail has a wonderful rich text editor to compose emails but there are some desirable things that you cannot accomplish in GMail using standard techniques. For example:

1. GMail allows plain text signatures but there's no way to embed HTML signatures with images like the ones you see in Yahoo, Hotmail or Microsoft Outlook email.

2. Gmail Rich text editor has standard text formatting features like font sizes, colors, bullets, hyperlinks, indentation, etc. but there's no way to add other HTML tags like TABLE, DIV, EMBED, etc. So how do you embed Youtube videos, sophisticated table layouts, Flash animation movies, inline podcast players like odeo, etc. in GMail ?

3. You can compose new email in either Plain text or Rich text but how to do you compose a new GMail message in native HTML something like a webpage created in Microsoft Frontpage ?

4. Gmail lets you attach pictures to outgoing email but it shows up as an attachment on the recipients' screen. How do make embed a photograph that appears inline with the actual email message ?

5. You want to embed the Feedburner Headline Animator graphic or the Feedburner Subscriber Counter to your GMail signature which is an animated GIF file.

Now the really good news is that you can do all the above easily with GMail and here's how to do it:

To embed an HTML signature with Images in GMail ?

Create an HTML signature snippet using notepad or WYSIWYG editors like Dreamweaver/Frontpage/Golive or online with Geocities/GooglePages/Tripod Lycos. Your signature can have all kind of HTML tags (including DIV, EMBED, TABLE) but all linked Image files, audio files and video clips must be pointing somewhere the web and not on your desktop.

Once you are satisfied with the layout, select the entire portion of the webpage that you want to appear in the GMail signature and drag it to the GMail compose window. Alternatively you can copy it to the clipboard and then press Ctrl+V in the Gmail window.

I have an illustration here:

Step 1: The HTML signature is created in Google Page Creator. Select the entire signature and press ctrl+c.



Step 2: Open a new Gmail compose message window. Now either drag the signature in this GMail window or press Ctrl+V to paste it.



The same technique can be applied to embed anything in your gmail message. Say you want to embed an image between two sentences, just drag the image to your gmail compose window and drop it there. It's that simple but makes you email more appealing as if it's composed inside Microsoft Word or Outlook.

To embed Feedburner RSS feed animator, open that graphic in your browser window and drag-n-drop it anywhere in your gmail message.

You can even point images to your blog or embed HTML forms so that recipients can subscribe to your blog directly from your gmail message. Or create tables in Microsoft word and place them in your email. Or even send entire webpages as email so readers can view the page in the message itself without having to click the link. The possibilities are endless.

Previous GMail Hacks:

» Fix GMail Login Issues
» Control size of your GMail Inbox
» Generate GMail Signature Graphics

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include

PhishTank Detects Phishing Websites by Digg Style Voting

OpenDNS, a free service that helps anyone surf the Internet faster with a simple DNS tweak , will announce PhishTank today. PhishTank is a free public database of phishing URLs where anyone can submit their phishes via email or through the website. The submissions are verified by the other community members who then vote for the suspected site. This is such a neat idea as sites can be categorized just based on user feedback without even having to manually verify each and every submission. PhishTank employs the "feedback loop" mechanism where users will be kept updated with the status' of the phish they submit either via email alerts or a personal RSS feed . Naturally, once the PhishTank databases grows, other sites can harness the data using open APIs which will remain free. OpenDNS would also use this data to improve their existing phishing detection algorithms which are already very impressive and efficient. PhishTank | PhishTank Blog [Thanks Allison] Related: Google

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.