How to Post a Table on Blogger

Wednesday, March 11, 2009

Here's a little code I recently found and tweaked to post a table on blogger (which can be seen in my previous blog).

Here's what you do:

  1. Go to Create tab on Blogger
  2. Write your post and decide where you would like to place your table
  3. SAVE your draft, then go to the Html tag
  4. Cut and paste the following code in the Edit HTML section : (table align="center" border="2" cellpadding="6" cellspacing="2" width="510")(tbody)(tr)(th)Table Header1(/th)(th)Table Header2(/th)(th)Table Header3(/th)(/tr)(tr)(td)Table Data Row1 Column1(/td)(td)Table Data Row1 Column2(/td)(td)Table Data Row 1 Column3(/td)(/tr)(tr)(td)Table Data Row 2 Column1(/td)(td)Table Data Row 2 Column2(/td)(td)Table Data Row 2 Column3(/td)(/tr)(/tbody)(/table)
  5. Now comes some patience; go back and replace the ( with <
  6. And replace all the ) with > : If I post it like that it automatically makes it a table!
  7. Make sure there are no spaces between each line of code. For each space, you will get spaces between your text and the table, leaving you with a large amount of blank space before your table.


This should give you a table with 3 columns and 3 rows like this:

Table Header1Table Header2Table Header3
Table Data Row1 Column1Table Data Row1 Column2Table Data Row 1 Column3
Table Data Row 2 Column1Table Data Row 2 Column2Table Data Row 2 Column3


Good luck!

0 comments:

Post a Comment