Add Html & CSS Table - Convert Excel into Html

SHARE:

The ability to create tables is a feature that is lacking in Blogger post editor. To add a table you not only have to know the required HTML tags, but also have to painstakingly construct the table by arranging the tags manually in post HTML. That’s not very appealing if you ask me. That’s why I use Windows Live Writer as my post editor.


That said, if you prefer to stick with Blogger post editor but hate to code manually, there is another way. The following method of creating a basic HTML table requires a few more steps than if you were to use WLW, but it’s just as easy and effortless.

Here are the steps:

1) Create the table in Excel

1. Create the table using Microsoft Excel, OpenOffice or any other spreadsheet software. You can also use Microsoft Word.
   
2. When you are done, highlight the table and copy.

2) Convert the table into HTML

1. Go to Tableizer and paste it into the text field. This tool removes the extra markup from your table and leave you only with a lean table code.
   
2. You can customize the font type, font size and the color of the table heading if you want.
   
3. Finally click the Tableize It! button to create your HTML table.
   
4. This tool then generates a set of HTML and CSS codes for you to copy. It also shows you what your table looks like.

3) Paste HTML code into post editor

1. Copy the codes provided and paste it in your post HTML.
   
2. Preview and Publish.
   
3. You’ve got yourself a table!

Enjoy!

SHARE: