inspirat mx's Bookmarks tagged images → View Popular

You are here: Diigo Home > inspirat mx's Bookmarks

Expand All 1 - 20 of 41 Next › Last »

Online-HTML-Editor.org - The free online WYSIWYG Editor!

Tags: html, editor, gmail, images on 2008-07-29 and saved by5 people -All Annotations (0) -About

more fromwww.online-html-editor.de

1Expand

HTML and images in your Gmail message that you can use as a signature

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

Tags: editor, gmail, google, html, images on 2008-02-26 -All Annotations (0) -About