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:
- Go to Create tab on Blogger
- Write your post and decide where you would like to place your table
- SAVE your draft, then go to the Html tag
- 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)
- Now comes some patience; go back and replace the ( with <
- And replace all the ) with > : If I post it like that it automatically makes it a table!
- 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 Header1 | Table Header2 | Table Header3 |
|---|---|---|
| Table Data Row1 Column1 | Table Data Row1 Column2 | Table Data Row 1 Column3 |
| Table Data Row 2 Column1 | Table Data Row 2 Column2 | Table Data Row 2 Column3 |
Good luck!





11 comments:
[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]
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
Now my problem is come to the end and i can easily set up a table to make the right format.
-SEO Dallas
I hope it helps!
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
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
I think that is right bout that. Nice info and thanks. Need to get in google feed.
online pharmacy
Thanks for your share! very impressive!
aroma therapy
Great work keep it coming, best blog on earth
clomid
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.
This blog is bookmarked! I really love the stuff you have put here.
cheap nolvadex
Post a Comment