How to Post a Table on Blogger

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!

11 comments:

Prabakar August 6, 2010 6:06 AM  

[table][b]Field 1[/b] | [b]Field 2[/b] | [b]Field 3[/b]
Row1 Field 1 | Row1 Field 2 | Row1 Field 3
Row2 Field 1 | Row2 Field 2 | Row2 Field 3
[/table]

john August 18, 2010 9:26 PM  

I surf a lot for this code because i want to put one table for items on my blogger blog.finally i got it from this post.so thanks to post owner to produce this useful code.
-Dallas Web Design

mark September 23, 2010 12:50 AM  

Now my problem is come to the end and i can easily set up a table to make the right format.
-SEO Dallas

Neelkant Ekbote February 18, 2011 1:23 PM  

Hello Dana,
First let you say thanks for publishing this beautiful post. But I've found a easy way to insert the tables in web pages by google doc's as I'm also a programmer. As this section can easily done by novice programmer. I hope u like it
1. login to gmail a/c
2. select document which will be top left side of the navigiate bar or login to docs.google.com
3. You will notice at left side of the bar u have "Create New" option, select new SpreadSheet
4. Add all your data which will be in excel format.
5. Remove extra Columns & rows from google SpreadSheet.
6. Save the file with your relevant name.
7. Now go to Share option which will be at the right side, top near to navigiate bar.
8. Now in Share option select Sheets to publish. Publish your file.
9. Next to the below you find "Get a link to the published data". Below this section you find dropdown menu -> Select HTML section
10. You get the embedded HTML code. Copy this section & paste it in your web page.

My blog - http://www.buildtraffic4site.blogspot.com

mowichum April 2, 2011 4:02 AM  

It’s really a nice and helpful piece of information. I’m glad that you shared this helpful info with us. Please keep us informed like this. Thanks for sharing.

online pharmacy

hocecarp April 2, 2011 12:53 PM  

I think that is right bout that. Nice info and thanks. Need to get in google feed.

online pharmacy

bayataos April 9, 2011 5:54 AM  

Thanks for your share! very impressive!

aroma therapy

ceheomsk April 11, 2011 3:57 AM  

Great work keep it coming, best blog on earth

clomid

Dana S. Watts April 13, 2011 12:47 AM  

Thanks for all the kind words! I try to do what I ask of my students: learn something new and then make it your own, recreate it, and share it with others so they can do the same.

fasulent April 14, 2011 10:52 PM  

This blog is bookmarked! I really love the stuff you have put here.

cheap nolvadex

Post a Comment