HTML and images in your Gmail message that you can use as a signature - The Diigo Meta page

• 09 Sep 13
  

  laessapolo

  gmail html email

• 06 Jan 11
  

  andy joe

  email

• 24 Jul 10
  

  Goran Bankovic

  howto gmail google signature

• 08 Apr 10
  

  Philipp Thurmann

  tool html gmail

• 07 Oct 09
  

  Peg Maddocks

  Tools

• 16 Apr 09
  

  vikram_cvk

  gmail

• 09 Sep 08
  

  kg4dni

  marcofolio.net, Add images in your Gmail message that you can use as a signature. This technique uses HTML, so you can also add tables.

  gmail

• 26 Feb 08
  

  Marco Díaz Calleja

  In this article I'll explain how you can add such images, tables etc. to your Gmail message. This way, you can give more attention to your email, making it better to read or to promote something. You simply have to add HTML to your email.
  
  To get this effect, you'll only need any kind of WYSIWYG HTML editor. Examples of this can be Dreamwaever or Frontpage. Also online editors will work, like DevEdit, Google Pages or any other you can find. In this example, I'll be using online-html-editor.org.
  
  Before we start, I recommend you to read A Guide to CSS Support in Email. As you can see, Gmail doesn't support a lot of CSS. So, if you want to make sure that this will work, exclude as much CSS as possible, making only use of HTML. Don't use "spacing", "margin" etc.
  
  1. First, make your email as you want it to look like. Now add your image to the editor by pressing the Image button. A new window will appear with several options. In the Source: field, enter the URL of your image. If you don't have a webhost on your own, you can use ImageShack to upload your images for free. Additionally, you can add a Title. Let the rest be as it is, only change the Border Style to "No Border" if you're going to use the image as an URL. Now press Insert to insert the image to your message.
  Gmail & HTML - Screen 1
  2. Now you can make a link from your image. Select the image (or text if you want to link it to another page) and press Hyperlink. This will also open up a new window where you can set some values. Set the Source to the page you want to link to. Set the Target to Blank. This will cause to open the URL in a new windows. You can also change the Title of the link. Press Insert if you want to embed the URL to your message.
  Gmail & HTML - Screen 2
  3. When you're all done with your email, select it all (Ctrl+A). Now Copy you message (Ctrl+C). Go to Gmail and compose a new message. Make sure you have Rich Formatting set to On. Now Paste (Ctrl+V) your message in the message box of Gmail. Now you should have your ima

  editor gmail google html images

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.