Risingline Marketing strategy / design / development / management
(208) 475.3192

Contact Form

design & marketing blog

Marketing, design, and technical resources for making your digital and print communications more effective.

Adding HTML email signatures to Gmail

April 9th, 2010

As you may know, Google’s Gmail is the most popular, and arguably best featured, free email service available. One of the challenges that I’ve encountered with it however is its default text-only email signature when composing emails via the Web.

The Best Solution

For Gmail users who would like to utilize graphic/html email signatures, the best solution is to link your Gmail account to a POP client Link opens in seperate window (like Outlook or Entourage). You can then install a custom designed html email signature. If you’re a client of ours the instructions for installing the custom email signature in Outlook or Entourage are posted in our FAQs.

This means of course that to have your custom HTML email signature inserted in outgoing messages, you’ll need to compose those messages using Outlook or Entourage.

If you would still like to use the Web based Gmail as your primary email platform, simply click on “Settings” in your Web Gmail account (in the upper right hand corner), then choose the “Forwarding and POP/IMAP” tab, and select “Enable POP for mail that arrives from now on” then on the next option select “keep Gmail’s copy in the Inbox”. Make sure and hit the “Save Changes” button when you’re done.

Now all your incoming and sent email (including that you send from Outlook) are accessible on your Gmail Web account. You won’t have to worry about going back and forth from Outlook to the Web to find old emails, they’ll all be on the Web.

Custom Email Signatures When Only Using Web Based Gmail

There are a few existing solutions for achieving this, the best probably being the Better Gmail Firefox extension Link opens in seperate window. The downside here is that this only works with Firefox and with the “older version” of Web based Gmail. The newer Better Gmail 2 Firefox extension for the newest Gmail version (as of 1/9/08) does not seem to offer the email signature feature of its predecessor.

The other existing option is to drag-and-drop/cut-and-paste a section from another open HTML file displaying the formatted text and images of your email signature into the compose window of your Gmail account as described in this post at Digital Inspiration Link opens in seperate window.

Using the Google Tool Bar to Send HTML Emails or to Insert HTML Email
Signatures

A third option that I don’t think is documented on Web anywhere is to utilize the Google Tool Bar’s “Send to” button to send HTML formatting/graphics via Web based Gmail.

Note: I’ve tested this for Firefox on Windows XP and IE7 on Windows Vista. I does not work for me using Firefox on Windows Vista.

Here are the steps:

  1. Download and install the Google Toolbar by visiting: http://toolbar.google.com/ Link opens in seperate window
  2. Close and restart your Web browser.
  3. In Firefox go to “View”, “Toolbars” and make sure there is a checkmark next to “Google Toolbar”. If using IE7 go to “Tools”, “Toolbars” and insure there is a checkmark next to “Google”. You should then see the Google toolbar in your browser, similar to the screen-shot below. Then on the toolbar, go to “Settings”, “Options”, “More” and make sure there is a checkmark by the “Send to” button.

    google toolbar

  4. The HTML file you want to include in your outgoing Gmail message will need to be uploaded to a Web server. If you plan on adding the same HTML to outgoing messages on a regular basis (such as is the case with a HTML email signature) just book mark that URL.
  5. To send a Web based Gmail message with the HTML formatting, open the bookmarked URL (e.g. http://risingline.com/sample.html) then click the “Send to” button on your Google Toolbar and select “Gmail” from the drop down menu. You should see the HTML formatted page, simply type you message above that and hit the “Send” button.

    HTML formated Gmail email

Additional Notes:

If you’re a user sending a HTML page or email signature that was already developed for you, ignore the below.

When coding the HTML page to be sent. Make sure the path to graphics are absolute, insert a non-breaking space in the title tag (otherwise a hyperlink of the page title will appear above the HTML), and add alternate text to images for those email clients that block graphics. Here’s the code used in the above example:

HTML code for Gmail email siganture

Amazon Ends Support for Internet Explorer 6

March 17th, 2010

As an addendum and emphasis to my recent post about importance of upgrading from IE 6, Amazon posted the following announcement to their seller accounts on March 11th:

Internet Explorer 6 no longer supported

Mar 11, 2010

We would like to inform you that as of the end of March 2010, we will no longer develop Seller Account pages to be compliant with Internet Explorer 6.

Internet Explorer 6 is no longer supported by Microsoft and is widely considered to be obsolete. It has multiple security flaws and is considerably slower than recent browsers.

This decision allows us to use all modern web development technologies and create an up-to-date user experience.

Although existing seller tools might continue to work for some time with older browsers, if you are still using Internet Explorer 6, we strongly recommend updating your browser to a more recent version now to make sure all Seller Account pages work properly on your computer.

If you are unsure which browser version you are running or how to update your brower, please contact your local system administrator or help desk for assistance.

Important Information for Internet Explorer 6 Users

February 27th, 2010

Why you should stop using IE6…

If you’re still using Internet Explorer version 6 (or earlier) for public Web browsing it’s imperative that you upgrade as soon as possible to a modern standards compliant browser. It’s not hard to find lots of reading material regarding the myriad of security (and many other) issues inherent to Internet Explorer 6. For those who want to take my word for it, Internet Explorer 6 is an obsolete Web browser that is incompatible with the modern Internet and may present serious security risks. Using IE6 might be compared to driving a Model T down the 405 in LA. This analogy sounds a bit exaggerated but is really quite accurate in reflecting just how outdated and dangerous IE 6 is in the modern Internet Environment.

This is not just my opinion; there’s a consensus (including Microsoft itself) that IE6 users have clear and compelling reasons to upgrade. It’s easy to find this information through a Google search, but here are a few quotes and sources to get you started:

How do you check to see if you’re using Internet Explorer 6 / IE6?

IE 6

  1. Open Internet Explorer, and look in the upper right hand corner it will often indicate "IE 6".
  2. To to help -> About Internet Explorer and look for a version number

How to get rid of Internet Explorer 6

Recommended: Install one of the following non-microsoft modern standards compliant browsers. During the upgrade process you will have the option to import your prior bookmarks from Internet Explorer.


Alternate Option:
If you choose to upgrade to the newest version of Internet Explorer (not what I personally recommend) you can go to Microsoft’s Internet Explorer site and go initiate the download process for the most recent version of IE. When you upgrade your old versions are removed.

Essential Tips for Styling Text Content

January 22nd, 2010

Hints and tips for the styling and layout of your text content

With the vast amount of text being posted online and via social media these days I thought it would be beneficial to share this very brief tutorial for how (and how not) to style all that great stuff you’re sharing online. These tips apply anywhere you might post text—whether it be in one of our content management systems, WordPress, Facebook, Blogger or even old fashioned MS Word, these simple design principles will help insure your message gets the credibility that it deserves.

  1. Learn to use <shift><enter> (Windows) or <shift><return> (Mac) to insert line breaks with no vertical spacing. This practice helps insure you maintain close proximity of related content and greatly aides in readability.
    People often just hit <enter> between lines of text which adds awkward and undesirable vertical space.

    Example using <shift><enter> Example using <enter> only
    My mailing address:

    RisingLine
    111 S. Broadway St
    STE 101
    Boise, ID 83702

    My mailing address:

    RisingLine

    111 S. Broadway St

    STE 101

    Boise, ID 83702

  2. Don’t change typefaces (fonts). In fact you cannot change fonts/typefaces in our CMS text editor but many other text editors allow you to do so. The typefaces for your Website are specified in a single Style Sheet that was developed specifically for your site and insures consistency across all pages of your Website. Consistency in the presentation of your content is a cornerstone of good design.
  3. Don’t change typeface colors. For a professional consistent presentation of your content the colors are controlled through the Style Sheet. Emphasis colors (such as the color of your hyperlinks) have been selected by your professional designer specifically to harmonize with the color palette of your Website.
  4. Use the "font size" selector very very sparingly. Avoid at all costs using the "font size" selector to increase text size. This practice will invariably create inconsistent and amateur rendering of your content which cannot be controlled from the central style sheet. The only reason we retain the font size selector is for those rare occasions where a line of text needs to be reduced in size.
  5. Avoid using "U" Underline to emphasize inline text. People will think the underlined text is a hyperlink. Rather use the "B" (Bold) or "I" (Italic) icons to emphasize a word or sentence.
    For professional and consistent presentation of your content…
    Do Do Not

    News and Announcements

    We are extremely pleased to announce the opening of our second storefront in the beautiful city of San Jose, California. Please join us for our grand opening on April 3rd.

    News and Announcements

    We are extremely pleased to announce the opening of our second storefront in the beautiful city of San Jose, California. Please join us for our grand opening on April 3rd.

  6. Use the "Format" selector to change heading text size and create a logical hierarchy of content. Using this method allows consistent presentation for your site which is controlled by the Style Sheet.

Editing a page

Top

↑ Top