Trail Blazer Knowledge Base

 

Home : Email : Sample HTML Email Templates with Inline CSS

Knowledge Base







User:

Password:



Article ID: KB238
Keyword Name: Advanced, Code, Email, Template, HTML, CSS, Inline, Newsletter
Created: January 31, 2014
Viewed: 36590

Sample HTML Email Templates with Inline CSS

Author: Joel A. Kristenson

Last Updated: 1/27/2014

 

Overview

This article will show you some examples and tips on how to create email templates and paste the code into Trail Blazer as a template.  Feel free to utilize any of the code as a shell to get you started.  A good rule of thumb when e-blasting is “measure twice, cut once” in other words test, test, test on all available browsers and devices.

 

Outline

#1 Standard 600px Width – Header, Body and Footer (Trail Blazer Compatible Code for Copying)

#2 Copy and Paste Code into Trail Blazer and Save as a Template

#3 Mobile Friendly Template (Trail Blazer Compatible)

#4 Political or Nonprofit Advanced Template (Header, Body, Right Column, Links, Buttons and Footer)

#5 Related Resources

 

http://www.us-cert.gov/sites/default/files/images/tip-icon.pngTip - Email: When creating email templates focus more on content than an elaborate design like you might want in in a webpage. Don’t link to external style sheets and don’t use JavaScript.

 

http://www.us-cert.gov/sites/default/files/images/tip-icon.pngTip - Article Navigation: Use the Ctrl+F hot key to jump to different sections using keywords like #1, #2, Related Resources

 

http://www.us-cert.gov/sites/default/files/images/tip-icon.pngTip - Developer:

- In HTML <!-- COMMENTS ARE WRITTEN LIKE THIS, USEFUL FOR LEAVING NOTES OR FINDING SECTIONS. -->.

- In CSS /*COMMENTS LOOK */.

- Trail Blazer’s email composer will render code in different ways and sometimes strip it out altogether. For best results use the most basic html and inline css and focus more on content.

 

 

#1 Standard 600px Width – Header, Body and Footer (Trail Blazer Compatible Code for Copying)

*Click this button to preview the email in a browser 

 

<!--HEADER/BANNER START-->

<!-- This is the body <tag> where you can switch out the background color, change the font for the entire document, control margins and many other things.  Different browsers may or may not play nice with some of these attributes, so test extensively -->

<!--Control the banner image here. It’s highly advised to prep the image to have the same dimensions as the cell/table that will be holding it.  You should upload the image to your Trail Blazer Application Menu https://www.trailblz.info/YourDatabaseName/upload.aspx and use that as the source URL-->

<BODY>

      <P align=center><IMG border=0 hspace=0 alt="" align=baseline src="http://trailblz.info/license/images/political-email-banner-600px-wide-122px-high.png"></P>

<DIV align=center>

      <TABLE style="HEIGHT: 25px; MARGIN-LEFT: auto; WIDTH: 600px; BACKGROUND-COLOR: #cc0000; MARGIN-RIGHT: auto" align=center>

            <TBODY>

                  <TR>

                        <TD>&nbsp;</TD>

                  </TR>

            </TBODY>

      </TABLE>

</DIV>

<!--HEADER/BANNER END-->

<!--CONTENT OF BODY START-->

<DIV align=center>

      <TABLE style="MARGIN-LEFT: auto; WIDTH: 600px; MARGIN-RIGHT: auto" cellSpacing=0 cellPadding=0 align=center>

            <TBODY>

                  <TR>

                        <TD style="HEIGHT: 450px; PADDING-BOTTOM: 10px; TEXT-ALIGN: left; PADDING-TOP: 75px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; WIDTH: 600px; BACKGROUND-COLOR: #fcfcfc" vAlign=top>Dear Subscriber,<BR><BR><BR>Opening paragraph. <BR><BR><BR>Main content of message goes here. <BR><BR><BR>Closing statements. <BR><BR><BR><BR>Sincerely,<BR><BR><IMG alt=Signature src="http://trailblz.info/license/images/signature-jaun-g-pablo.png" width=140 longDesc="Juan G. Pablo Signature" height=30>

                        </TD>

                  </TR>

<!--CONTENT BODY END-->

<!--FOOTER START-->

<!--This is a simple example of a footer that includes hyperlinks to your website and social networks. You will want to upload the images to your Trail Blazer Application Menu and change out the hyperlink URLs with your own. Inside the <Style> tag you can adjust the background color, margins and dimensions of this footer-->

<TR>

      <TD style="HEIGHT: 175px; TEXT-ALIGN: center; MARGIN-TOP: 25px; BACKGROUND-COLOR: #2a2a2a">

            <SPAN style="COLOR: #c3c3c3"><A style="TEXT-DECORATION: none" href="http://www.juanpabloforcongress.com">

            <SPAN style="COLOR: #c3c3c3"><U>www.JuanPabloForCongress.com</U></SPAN></A><BR><BR>Paid for by the Campaign to Elect Juan Pablo for US Congress.</SPAN>

                  <BR style="COLOR: #c3c3c3">

            <SPAN style="COLOR: #c3c3c3">1600 Pennsylvania Ave NW<BR>Washington, DC 20500<BR><BR></SPAN>

            <SPAN><A href="https://www.facebook.com/YourFaceBookPage"><IMG style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; MARGIN-RIGHT: 5px; opacity: 0.9" alt=Facebook src="http://trailblz.info/license/images/fb-35x35-pixels.png" width=35 longDesc="Facebook - Campaign to Elect Juan Pablo" height=35></A></SPAN>

            <SPAN><A href="https://www.twitter.com/YourTwitterPage"><IMG style="BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-LEFT: 5px; BORDER-TOP-WIDTH: 0px; opacity: 0.9" alt=Twitter src="http://trailblz.info/license/images/twitter-35x35-pixels.png" width=35 longDesc="Twitter - Campaign to Elect Juan Pablo" height=35></A></SPAN>

      </TD>

</TR>

<!--FOOTER END-->

</TBODY>

</TABLE>

</DIV>

</BODY>

 

http://www.us-cert.gov/sites/default/files/images/tip-icon.pngTip - Trail Blazer: Trail Blazer will automatically list your organizations name and address at the bottom of email campaigns. If you have admin access you can control this by following Application Menu > System Manager > Lists > Committee or Organization.

 

Image 1 of 2

 

Image 2 of 2

 

 

 

#2 Copy and Paste Code into Trail Blazer and Save as a Template

Copy the code from section #1 into your clipboard by highlighting and clicking Ctrl+C or right-click and select Copy.

Open your Trail Blazer database and follow Application Menu > Email Campaigns > Templates

Click [Search] in the upper left to pull up all of the templates you created and either open one to make modifications or click [+ New] to create a new one.  In my example I clicked [+ New] to create and save a new template.

Give the template a Name and Subject Line.

Click the [Advanced] tab at the bottom of the email composer.

Highlight the <body> tags and click Ctrl+V or right-click and select Paste to insert the code that’s in your clipboard.  In this example I right-clicked and selected Paste.

After you paste in the code click back on the [Advanced] tab and click [Yes] when prompted.

This will render the code in Trail Blazer’s composer.  Click [Save and Close] to finish.

You can now utilize this template anytime you send a single email or a mass email campaign.

 

 

 

 

#3 Mobile Friendly Template (Trail Blazer Compatible)

This code will create a simple template that will automatically fit different screen sizes i.e. Smart Phones, Tablets, Desktops Etc. Click the image below to view the email in your browser.  Change the size of the screen to see how it’s “responsive”.  As with any email the code below will need to be tweaked to fit your needs and tested in all available email clients.

*Click this image to preview the email in a browser.

<!DOCTYPE html>

<body>

<!--HEADER/BANNER START-->

<p align=center><img style="max-width: 600px; width: 100%" border=0 hspace=0 alt="Email Banner" align=baseline src="http://trailblz.info/license/images/political-email-banner-600px-wide-122px-high.png"></p>

<div style="max-width: 600px; width: 100%; margin-left: auto; margin-right: auto;" align=center>

<table style="max-width: 600px; height: 25px; margin-left: auto; width: 100%; background-color: #cc0000; margin-right: auto" align=center>

</table>

</div>

<!--HEADER/BANNER END-->

<!--CONTENT OF BODY START-->

<div align=center>

<table style="max-width: 600px; margin-left: auto; width: 100%; margin-right: auto" cellSpacing=0 cellPadding=0 align=center>

<tbody>

<tr>

<td style="max-width: 600px; height: 350px; padding-bottom: 10px; text-align: left; padding-top: 75px; padding-left: 20px; padding-right: 20px; width: 100%; background-color: #fcfcfc; margin-left: auto; margin-right: auto;" vAlign=top>

Dear Subscriber,

<br/>

<br/>

Opening paragraph.

<br/>

<br/>

Main content of message goes here.

<br/>

<br/>

Closing statements.

<br/>

<br/>

Sincerely,

<br/>

<br/>

<img alt=Signature src="http://trailblz.info/license/images/signature-jaun-g-pablo.png" />

</td>

</tr>

<!--CONTENT OF BODY END-->

<!--FOOTER START-->

<tr>

<td style="height: 135px; text-align: center; margin-top: 25px; background-color: #2a2a2a">

<span style="color: #c3c3c3">

<br/>

<u>www.JuanPabloForCongress.com</u></a>

<br/>

<br/>

Paid for by the Campaign to Elect Juan Pablo for US Congress.

<br/>

1600 Pennsylvania Ave NW

<br/>

Washington, DC 20500

<br/>

<br/>

</span>

<!--SOCIAL OUTLETS START-->

<span><a href="https://www.facebook.com/YourFaceBookPage"><img style="border: 0px; margin-right: 5px; margin-bottom: 10px; opacity: 0.9" alt=Facebook title=Facebook src="http://trailblz.info/license/images/fb-35x35-pixels.png" /></a>

</span>

<span><a href="https://www.twitter.com/YourTwitterPage"><img style="border: 0px; margin-left: 5px; margin-bottom: 10px; opacity: 0.9" alt=Twitter title=Twitter src="http://trailblz.info/license/images/twitter-35x35-pixels.png" /></a>

</span>

<!--SOCIAL OUTLETS END-->

</td>

</tr>

</tbody>

</table>

<!--FOOTER END-->

</div>

</body>

</html>

 

 

 

 

#4 Political or Nonprofit Advanced Template (Header, Body, Right Column, Links, Buttons and Footer)

*Click this image to preview the email in a browser.

http://www.us-cert.gov/sites/default/files/images/tip-icon.pngTip – Email Compatibility: This email will render different on different devices and browsers.  If you decide to use this as a starting point please test extensively on different devices and browsers.  Working with a seasoned web developer and/or possessing HTML/CSS knowledge is highly recommended for best results.

Refer to section #2 on how to copy and paste this code as a template in Trail Blazer.  When tested this code renders well in Godaddy and Outlook but wasn’t great on mobile devices or in Gmail.

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <meta name="generator" content=

"HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" />

  <title></title>

</head>

<body>

  <table style="FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana; WIDTH: 100%" cellspacing=

"0" cellpadding="0" border="0">

    <tbody>

      <tr>

        <td valign="top" align="center">

          <br />

          <br />

          <div style="FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana" align="center">

            <table style="HEIGHT: 981px; WIDTH: 421px" cellspacing="0" cellpadding="0"

            width="421" border="0">

              <tbody>

                <tr>

                  <td class="_bmebrd" style=

"PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BACKGROUND-COLOR: #f0f0f0">

                  <table style="HEIGHT: 966px; WIDTH: 676px" cellspacing="0"

                    cellpadding="0" width="676" border="0">

                      <tbody>

                        <tr>

                          <td style="BACKGROUND-IMAGE: none" bgcolor="#FFFFFF" valign=

"top" background=

"url('CustomizeEdit?mFcQnoBFKMTWiXIAq4rdTnReT2kIcdLaF1mnhrBitL5HNHYysVoPng%3D%3D')%20#fdfcfa"

                          colspan="2">

                            <table cellspacing="0" cellpadding="0" width="100%" border=

"0" name="block_ImageBody">

                              <tbody>

                                <tr>

                                  <td valign="top" align="left">

                                    <table style=

"HEIGHT: 102px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; WIDTH: 674px"

                                    cellspacing="0" cellpadding="0" name="imgHolder">

                                      <tbody>

                                        <tr>

                                          <td align="center"><img border="0" hspace="0"

                                          alt="Banner Goes Here..." src=

"http://trailblz.info/Kristensonjoel/images/newsletter-banner-american-flage.jpg" /><a href=""

target="_blank"></a></td><!--700px-->

                                        </tr>

                                      </tbody>

                                    </table>

                                  </td>

                                </tr>

                              </tbody>

                            </table>

                            <table class="auto-style8" style=

"HEIGHT: 45px; WIDTH: 100.25%" cellspacing="0" cellpadding=

"0" bgcolor="#F2F2F2" background="#F2F2F2" border="0" name=

"block_DATESTAMP">

                              <tbody>

                                <tr>

                                  <td class="auto-style9" style=

"FONT-SIZE: 12px; FONT-FAMILY: 'Trebuchet MS', Arial, Helvetica, sans-serif; COLOR: #ffffff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; WIDTH: 100%"

align="left"><span style=

                                  "FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino; COLOR: #000000">

                                  <font face="Arial"><font size="3"><strong>2014 January

                                  E-Newsletter</strong></font></font></span></td>

                                </tr>

                              </tbody>

                            </table>

                          </td>

                        </tr>

                        <tr>

                          <td style=

"HEIGHT: 648px; WIDTH: 399px; BACKGROUND-COLOR: #ffffff"

                          valign="top">

                            <table style="HEIGHT: 644px; WIDTH: 469px" cellspacing="0"

                            cellpadding="0" width="469" border="0" name="block_Intro">

                              <tbody>

                                <tr>

                                  <td style=

"FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #6b3d01; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px"

                                  valign="top" width="100%" align="left">

                                    <strong style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Times New Roman', Times; COLOR: #000000">

                                    <br/></strong><span style=

"FONT-SIZE: 16px; FONT-FAMILY: 'Book Antiqua', Palatino"><span style="COLOR: #000000"><font face="Arial"><br />

                                    Dear Subscriber</font></span></span><strong style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Times New Roman', Times; COLOR: #000000"><font size="3"

                                    face="Arial">,<br />

                                    <br />

                                    <br /></font></strong>

                                    <div style="FONT-SIZE: 20px">

                                      <font size="3"><span style=

"FONT-SIZE: 14px"><span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><span style="COLOR: #000000">

                                      <font face="Arial"><font size="3">Opening

                                      statements.</font></font></span></span></span></font>

                                    </div>

                                    <div style="FONT-SIZE: 20px">

                                      <font size="3"><span style=

"FONT-SIZE: 14px"><span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><span style="COLOR: #000000">

                                      <font face="Arial"><br />

                                      <br /></font><font face="Arial"><font size=

"3"><strong><span style=

"TEXT-DECORATION: underline">Paragraph

                                      Heading</span></strong><br />

                                      Content goes here.</font><br />

                                      <br />

                                      <br /></font></span></span></span></font>

                                    </div>

                                    <div style="FONT-SIZE: 20px">

                                      <font size="3"><font face="Arial"><span style=

"COLOR: #000000"><span style=

"TEXT-DECORATION: underline"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                      <span style=

"TEXT-DECORATION: underline"><font size="3" face=

"Arial"><strong>Paragraph

                                      Heading</strong></font></span></span></span></span></font></font><span style="FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino; COLOR: #000000"><br />

                                      <font face="Arial"><font size="3">Content goes

                                      here.</font></font></span>

                                    </div>

                                    <div style="FONT-SIZE: 20px">

                                      <br />

                                      <br />

                                      <span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino; COLOR: #000000">

                                      <font size="3" face=

                                      "Arial">Sincerely,<br /></font></span><strong><span style="FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino; COLOR: #000000"><br />

                                      </span></strong>

                                    </div>

                                    <div style="FONT-SIZE: 20px">

                                      <table style=

"PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px"

                                      cellspacing="0" cellpadding="0" name="imgHolder">

                                        <tbody>

                                          <tr>

                                            <td align="center"><strong><img border="0"

                                            hspace="0" alt="Signature Goes Here..." src=

"http://trailblz.info/Kristensonjoel/images/signature-jaun-g-pablo.png" /></strong></td>

                                          </tr><!--150px-->

                                        </tbody>

                                      </table><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino"><span style="COLOR: #000000"><br />

                                      <span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino; COLOR: #000000">

                                      <font size="2" face="Arial">Juan G. Pablo<br />

                                      CEO of Noprofit Campaigns,

                                      Inc.</font></span></span></span>

                                    </div>

                                  </td>

                                </tr>

                              </tbody>

                            </table>

                          </td>

                          <td style=

"HEIGHT: 648px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; WIDTH: 177px; BACKGROUND-COLOR: #f2f2f2"

                          valign="top" align="center">

                            <!--Column Background Color-->

                            <table class="auto-style9" style=

"MARGIN-BOTTOM: 20px; HEIGHT: 174px; WIDTH: 177px"

                            cellspacing="0" cellpadding="0" width="177" bgcolor="#E8E2BF"

                            border="0" name="block_QUICKLINKS">

                              <tbody>

                                <tr>

                                  <td style=

"FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #0a74db"

                                  bgcolor="#0A74DB" align="center" custom=

"Quick Links Head"><span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><font size="3"

                                  face="Calibri"><u><span style=

"FONT-SIZE: 16px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <u><span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style="COLOR: #000000"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style="TEXT-DECORATION: underline"><span style=

"COLOR: #000000; TEXT-DECORATION: underline"><font size="3"

                                  face="Arial"><span style=

"FONT-SIZE: 16px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <font size="3"><span style=

                                  "FONT-SIZE: 16px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style="COLOR: #000000"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style="TEXT-DECORATION: underline"><span style=

"COLOR: #000000; TEXT-DECORATION: underline"><font face="Arial">

                                  <span style=

"FONT-SIZE: 16px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style="COLOR: #000000"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                  <span style="TEXT-DECORATION: underline"><span style=

"COLOR: #000000; TEXT-DECORATION: underline"><font size="3"

                                  face="Arial"><span class="auto-style2"><font size=

"3"><span class="auto-style2"><a href=

"http://www.benchmarkemail.com/c/l?u=319DAA2&amp;e=408EEB&amp;c=5965A&amp;t=0&amp;l=418984&amp;email=jqMup5Qc9sZs90DnHbLp6HzBjzlZ2TJR">

                                  <font size="3"><span class="auto-style2"><font color=

"white" size="3">Donate

                                  Now!</font></span></font></a></span></font></span></font></span></span></span></span></span></span></span></font></span></span></span></span></span></span></span></font></span></font></span></span></span></span></span></span></u></span></u></font></span></td>

                                </tr>

                                <tr>

                                  <td class="auto-style19" style=

"PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #e1e1e1"

align="center">

                                    <p>Please consider a financial contribution to our

                                    organization.</p>

                                  </td>

                                </tr>

                              </tbody>

                            </table>

                            <table style=

"MARGIN-BOTTOM: 20px; HEIGHT: 185px; WIDTH: 177px"

                            cellspacing="0" cellpadding="0" width="177" border="0" name=

"block_TOC">

                              <tbody>

                                <tr>

                                  <td style=

"FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; WIDTH: 177px; BACKGROUND-COLOR: #448c1e"

                                  bgcolor="#B9072B" align="center" custom=

                                  "In This Issue Header">

                                    <div>

                                      <span style=

"FONT-SIZE: 16px; FONT-FAMILY: 'Book Antiqua', Palatino; COLOR: #000000">

                                      <strong><span style="COLOR: #f5f5f5"><font color=

"#F4F4F4" face=

"Arial">Engage</font></span></strong></span>

                                    </div>

                                  </td>

                                </tr>

                                <tr>

                                  <td style=

"FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ce2a19; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; WIDTH: 177px; BACKGROUND-COLOR: #e1e1e1"

align="center" custom="Body color">

                                    <p><span style="COLOR: #000000"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                    <span style="TEXT-DECORATION: underline"><a href=

"http://www.benchmarkemail.com/c/l?u=319DAA2&amp;e=408EEB&amp;c=5965A&amp;t=0&amp;l=418984&amp;email=jqMup5Qc9sZs90DnHbLp6HzBjzlZ2TJR">

                                    <span class="auto-style2"><font size="3" face=

"Arial">Twitter</font></span></a><br /></span></span></span><span style="COLOR: #000000"><span style="FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino"><span style="TEXT-DECORATION: underline"><br />

                                    </span></span><span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><span style=

"FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino"><span style="COLOR: #000000"><span style="FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino"><span style="TEXT-DECORATION: underline"><span style="COLOR: #000000; TEXT-DECORATION: underline"><font color="blue"

                                    size="3" face="Arial"><a href=

                                    "http://www.benchmarkemail.com/c/l?u=319DAA2&amp;e=408EEB&amp;c=5965A&amp;t=0&amp;l=418984&amp;email=jqMup5Qc9sZs90DnHbLp6HzBjzlZ2TJR"><span class="auto-style2"><font size="3">Facebook</font></span></a><font size="3"><br />

                                    </font></font></span></span></span></span><span style="COLOR: #000000; TEXT-DECORATION: underline"><font color="#55A8B5"><br />

                                    <font color="#0000FF" size="3" face="Arial"><a href=

"http://www.benchmarkemail.com/c/l?u=319DAA2&amp;e=408EEB&amp;c=5965A&amp;t=0&amp;l=418984&amp;email=jqMup5Qc9sZs90DnHbLp6HzBjzlZ2TJR">

                                    <span class="auto-style2"><font size=

                                    "3">YouTube</font></span></a> </font><br />

                                    <br /></font></span><font color=

"#55A8B5"><span style="FONT-FAMILY: 'Book Antiqua',Palatino"><span style="FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino"><span style="COLOR: #000000"><span style="FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino"><span style="TEXT-DECORATION: underline"><span style="COLOR: #000000; TEXT-DECORATION: underline"><font color="blue"

                                    size="3" face="Arial"><span class=

"auto-style2"><a href=

"http://www.benchmarkemail.com/c/l?u=319DAA2&amp;e=408EEB&amp;c=5965A&amp;t=0&amp;l=418984&amp;email=jqMup5Qc9sZs90DnHbLp6HzBjzlZ2TJR"><font size="3"><span class="auto-style2"><font size="3">Instagram</font></span></font></a></span>

                                    </font></span></span></span></span></span></span></font></span></span></span></p>

                                  </td>

                                </tr>

                              </tbody>

                            </table>

                            <table style=

"MARGIN-BOTTOM: 20px; HEIGHT: 85px; MARGIN-TOP: 20px; WIDTH: 177px"

                            cellspacing="0" cellpadding="0" width="177" border="0" name=

"block_MailingList">

                              <tbody>

                                <tr>

                                  <td style=

"PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BACKGROUND-COLOR: #e1e1e1"

                                  bgcolor="#B9072B" valign="top" align="left" custom=

"Mailing List Box Header">

                                    <table style="WIDTH: 100%; MARGIN-RIGHT: 0px"

                                    cellspacing="0" cellpadding="0" border="0">

                                      <tbody>

                                        <tr>

                                          <td style=

"FONT-SIZE: 13px; HEIGHT: 68px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #ffffff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #e1e1e1"

                                          bgcolor="#B9072B" valign="top" align="center"

                                          custom="Mailing List Box body"><span style=

"FONT-SIZE: 16px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                          <a style=

                                          "COLOR: #ffffff; TEXT-DECORATION: underline"

href=

"http://www.benchmarkemail.com/c/j?e=408EEB&amp;c=5965A&amp;l=418984&amp;email=jqMup5Qc9sZs90DnHbLp6HzBjzlZ2TJR&amp;relid="

target="_blank"></a><br />

                                          <u><span style=

"FONT-FAMILY: 'Book Antiqua',Palatino"><span style="FONT-SIZE: 14px; FONT-FAMILY: 'Book Antiqua', Palatino">

                                          <span style="COLOR: #000000"><span style=

"TEXT-DECORATION: underline"><span style=

"COLOR: #2057ff; TEXT-DECORATION: underline"><font color="#002CFB"

                                          size="3" face="Arial"><strong>Subscribe to

                                          Our&nbsp;Newsletter</strong></font></span></span></span></span></span></u></span></td>

                                        </tr>

                                      </tbody>

                                    </table>

                                  </td>

                                </tr>

                              </tbody>

                            </table>

                          </td>

                        </tr>

                        <tr>

                          <td style=

"FONT-SIZE: 11px; COLOR: #abbaca; BACKGROUND-COLOR: #000000"

                          colspan="2" align="center">

                            <p><font color="#C0C0C0"><font size="3"><br />

                            <u>Nonprofit Campaigns, Inc.</u></font></font></p>

                            <p><font color="#C0C0C0"><font size="2">620 Mendelssohn

Avenue North, Suite&nbsp;186&nbsp;&#8226;&nbsp;Golden

                            Valley&nbsp;&#8226; MN&nbsp;&#8226; 55427&nbsp;&#8226;

                            USA</font></font></p>

                            <p><font color="#C0C0C0"><a href=

"mailto:email@email.com"><font color="silver" size=

"2">email@email.com</font></a><font size="2">&nbsp;&#8226;

                            1-234-567-8910</font></font></p>

                            <p><font color="#C0C0C0"><a href=

"http://www.website.com"><font color="silver" size=

"2">www.website.com</font></a><br />

                            <br />

                            <font size="2">&#169; 2012-2014 All Rights Reserved.</font></font></p>

                          </td>

                        </tr>

                      </tbody>

                    </table>

                  </td>

                </tr>

              </tbody>

            </table>

          </div><br />

          <br />

        </td>

      </tr>

    </tbody>

  </table><!-- /Footer Path -->

</body>

</html>

Feel free to call our tech support if you have questions related to the email composer or sending mass emails.  Always abide by CAN-SPAN laws and take measures to protect the privacy of your subscribers.

 

 

 

#5 Related Resources

Article: Microsoft Expressions Web4 – HTML Editor

Article: How Do I Enable a Person To Receive Email Drafts

Article: Personalize Your Emails

Article: Exporting from 3rd Party Mass Email Systems and CAN-Spam Policies

Video: Eblasts – Configure Email Settings Before Mass Emailing

Video: Eblasts 103 – Part 1 – Managing Images - Uploading

3rd Party Resource: Learn HTML/CSS – W3 Schools

3rd Party Resource: Info Hound HTML Tidy

 

 

Trail Blazer Live Support

* Phone:  866-909-8700

http://sisyphus-js.herokuapp.com/assets/email_icon-0f32f4da45c2822cbb02fb36f9b9429e.png   Email:  support@trailblz.com

 

*As a policy we require that you have taken Trail Blazer’s intro training class before calling or emailing tech support.  Click Here to view our calendar for upcoming classes and events.  After signing up you will receive instructions for how to log into the interactive online webinar.

*This service is included in your contract.

 

Are you ready to learn more? Contact Us