Basic Newsletter Tips

Ever done a newsletter before? Those who had done before i am sure u will know how much hassle it is to create a newsletter especially when creating the HTML for it. Those who haven’t done before, let me tell u how troublesome it is. This might be helpful and something to know if in case ur boss suddenly ask you to make a newsletter which u never do it before.

If u are a web designer who are very familiar with html/css who doesn’t use <table> at all, u will find urself really in deep shit because in newsletter, email client such as outlook, gmail, hotmail, yahoomail etc basically all the email client or system doesn’t support advance css method. Meaning no more <div>, no more <float>, no more <position> and such. U may design the world’s best newsletter layout/design and it may look perfect in the browser, however when u actually send it out, the outcome might not be guaranteed.

Well, of course u have to know what kind of newsletter u are going to make, if is a plain graphic newsletter, of course things get super easy as once u design, all u need to do is cut all the images and put it all into a <table> and it might if u are a lazy fella, u can just using ur graphic editor and export the whole thing in html format after u had determine the slice area. On the other hand, if ur are going to make a newsletter which has text be it is a dynamic or static, few things u need to bear in mind when u are designing it

  1. Design thinking that this will only be in <table> format
  2. Use <table> by all means
  3. Use inline css instead of declaration at the <head> section
  4. Not all css are supported in email system, some which are confirm supported includes – color, font, margin
  5. If there’s a choice to style that particular tag in html, do it in html. eg: width declare it in <table width="xxx"> instead of <table id="xxx"> and declare the width in css.
  6. Styling <a> is limited to its color to all email client and the decoration as well in some email client.
  7. <map> and <area> is working but not encourage, avoid using if possible as there might be some email client that not supported. Use only when u have no choice.
  8. Internet Explorer is evil when dealing with image as it will have a whitespace below if you space the between the <img> tag.
  9. Test and see the layout urself in email by sending out to the most popular email client, gmail, yahoo, hotmail and also the outlook.
  10. Get some trial or free mailing software if ur office or urself doesn’t have it
  11. Remember also to test with different browser with different email client – Internet Explorer, Firefox
  12. Bear this in mind, hotmail doesn’t work well in Firefox, so if u find ur email at hotmail is out of alignment in firefox but works well in Internet Explorer, don’t spend time thinking why and fixing it, just leave it because u can’t do anything on it!
  13. title of the email plays a VERY VERY VERY IMPORTANT ROLE!

All of these were based on my actual experience in producing a newsletter, so there might have some other problem which is not stated above that u’d encounter. Oh ya, also one thing very important to take note, remember this always – Not matter how cool and how awesome ur graphics in the newsletter are, i would say 85% of ur newsletter will not be read, rather they will mostly be send directly. So don’t be sad over it in case it happens ๐Ÿ˜›


Related Entries

13 Comment(s) On This Topic

Aeres said during January 22nd, 2008 at 2:02 pm

Please excuse me while I pickup the pieces of my head that exploded after reading all the HTML babble…

รฅยฎยรจล’ยน said during January 22nd, 2008 at 8:05 pm

Hahahaha…yeah, can’t understand too. ๐Ÿ˜›

But I like the picture, hehehehe. ๐Ÿ˜›

Cometh said during January 22nd, 2008 at 11:25 pm

Not doing any newsletter but….quite useful me thinks..

Hmmm.. imagine the possibility….

The potential…

The Spammings…..


seraphangel said during January 23rd, 2008 at 12:01 am

interesting, might come in handy should I need to design newsletters in the future.

boon said during January 24th, 2008 at 10:32 am

@Aeres: shit, i hate those thick coding bible!

@รฅยฎยรจล’ยน: heheheh ๐Ÿ˜› well, if in the future any chance of u to involve in this, maybe u can refer bak ๐Ÿ˜›

@Cometh: in short, this is a spam!

@seraphangel: yup, especially ur field of job heh

vickie said during January 25th, 2008 at 11:09 am

i think the image map not really popular already.. but now since we have another new programming language called AJAX, the image tag tool looks more popular

Edward Khoo said during January 26th, 2008 at 6:38 pm

Nice tips there, dugg!

Eileen said during January 27th, 2008 at 6:02 am

Faints… when it comes to anything related to computer…. HELP ME YIPGUSENG!!!!! See, I dun even need to learn. Wukakakaka

boon said during January 28th, 2008 at 11:21 am

@vickie: ya, AJAX is quite popular and widely use now, but in newsletter, totally cannot ar~~ coz newsletter really is in a very plain plain format

@Edward Khoo: thanks bud! ๐Ÿ˜‰

@Eileen: Zzzzzzzzzzz, what kinda attitude is this???

KNizam said during February 15th, 2008 at 6:57 pm

cool! is there any open source for this eh?makes life easier then. hehehehe ๐Ÿ™‚

boon said during February 15th, 2008 at 11:00 pm

open source ar…not that i know of ๐Ÿ™ what kinda open source u wan anyway? lolz

beefstew said during June 5th, 2008 at 4:21 pm

I just wanna say it’s a great post for newsletter noobs like me. I decided to send a newsletter to a handful of my client OCCASIONALLY, hehehe…So I am not really that spamming (lord-forbids) though. Anyway, if I send by my own email account, which I compose a new mail, what I need to do? Do I just attach the html file in the attachment or I just drag into a message box?

name said during September 1st, 2008 at 1:36 pm


Leave a Reply