Better Living Through Technology: a blog dedicated to emerging
technology trends in hardware, software, webware, marketing and beyond
 
 
 



« The Innovators - Tips and Tricks in our online media | Main | Target Stores: Putting Technology to Work to Solve Crimes »

Creating Tables in Blog Posts: A Few Clever Solutions
Ed Kohler
Displaying a table of data in a blog post is no easy task using most common blogging applications today. They tend to have limited table building tools, and properly hand-coding a table in HTML is a fairly daunting task. So, what options are there for bloggers interested in including a table of data in a post?

1. Find a WYSIWYG program that build tables: One that I use fairly often is Writely.com. This is a web based word processor / HTML creator that includes most common word processing tools, such as formatting and spell check commands, along with some HTML tools, such as link and table creators. Writely works a lot like Word, but creates much cleaner HTML code than you'd get by writing a blog post in Word then converting it to HTML code you can paste into your blog application.

2. Save a screen shot of your table data: First, here is an example:

Widgets Sales

This is a .gif image cropped down from a screen shot of an Excel spreadsheet. It looks exactly the same as it does on my computer, but has one major drawback: It's an image. Users can't use the data without retyping it. To do this, use Print Screen to copy your spreadsheet to your clipboard, then crop and save the image using any photo editor program you happen to have on hand. Load it to your server then include it in your post. How to do that will vary depending on your blogging platform.

3. Use Gmail to create HTML: Gmail will automatically convert most common file formats to HTML for you for free. Here's how you do it:

1. Email a copy of an Excel, Word, or PDF document to yourself at a Gmail.com email address.
2. Preview the document using Gmail's View at HTML feature. 
3. View the document source by clicking View > Source in IE or View > Page Source in FireFox.
4. For Excel files, look for a line starting with <table>. Copy the code from that line through the line ending (and including) </table>.
5. Paste that code into your blog post to add the table with data and formatting.

Here is what the above table looks like after being emailed in Excel, then converted to HTML in Gmail:

  A B C
1 Widget Sales    
     
Month Units Sales
4 Jan 200 $4,000
5 Feb 250 $5,000
6   Total $9,000
 
Not bad. I could clean up the top row and left column with a little editing of the table, or by pasting this into a a WYSIWYG editor that allows me some editing control. For example, I could easily delete the top row and right column using Writely. That would be easier than creating this table from scratch with formatting using that tool. Thanks to A Consuming Experience for sharing this tip on her blog.



TrackBack

TrackBack URL for this entry:
http://technologyevangelist.com/cgi-bin/mt-tb.fcgi/130

Comments

1. Posted by: Jason Dunsmore on March 9, 2006 4:25 PM:

Here's a simpler way to do it:
http://phototechnic.blogspot.com/2006/03/updated-lens-cheat-sheet_09.html




2. Posted by: Ed Kohler on March 9, 2006 5:05 PM:

Great point. If you have a tab delimited set of data, you can publish it to the web surrounded by

 (preformatted) tags. Here is the same data presented with preformatted tags:

Widget Sales

Month Units Sales
Jan 200 $4,000
Feb 250 $5,000
Total $9,000




3. Posted by: verne troyer sex tape here on May 5, 2010 9:51 PM:

Great, http://grou.ps/vernetroyersextape verne troyer sex tape, xujds,




Post a comment

Required fields marked with: *
Name*:


Email Address*:


URL:
Remember personal info?

Comments*:

HTML Tags you can use in your posts:
<b>Bold</b> = Bold
<i>Italicized</i> = Italicized
<a href="http://www.othersite.com">Link to Other Site</a> = Link to Other Site


Please keep comments on-topic. Contact authors or other commenters
directly for off-topic conversations.

Notify me of future comments via e-mail



Technology Evangelist Digest - Free Newsletter
Sign up for the free Technology Evangelist Digest to receive daily updates, editorials, and practical advice on emerging technology trends in hardware, software, webware, marketing and beyond.

Technology Evangelist Digest will keep you up to date on the technology trends that will help make you more productive and efficient both in business and your personal life.

Let's face it: If you made it to this line, you must have found something valuable on this page, right? Think about how cool it would be to have something free and interesting to read every day from Technology Evangelist by signing up today.

1. Fill in your email below,
2. Then click on the confirmation email you receive.
3. That's it. Your first Technology Evangelist Digest will arrive within 24 hours.




Previous Entries:


Tag Cloud