Tuesday 14 April 2009

Creating Tables in Blogger Blogs

Tables are useful but I find that they are rarely used or seen on Blogger sites. Tables allow a lot of information to be presented in a very readable form and are therefore suitable for a blog as people tend to want to find information quickly and move on.

On this page are some tables that I made up using Google Docs. That is the best way to create them. You can then upload them direct to the Blogger site from Google Docs. These are the steps to take when incorporating a Google Docs document that includes tables into a Blogger website:

  1. Prepare table of choice using the menu in Google Docs. It is extremely user friendly. One tip: keep the table tight to the text, don't space it as it seems that the spacing is added in the transfer to the blog (although this may be a glitch particular to my blog). Also note: as you are using Blogger you have a Google account so it is easy to start using Google Docs and when you do you won't go back to MS Word! If you haven't got a Google account get someone who has to invite you. You can ask me if you like, by leaving a comment.
  2. Once the table and document has been prepared, go to the top right of Google Docs page and click on "Share"
  3. Select "Publish as web page"
  4. Select "Post to blog" if you have one blog, If you have more than one blog you can select which one to upload to:
  5. Select "change your blog site settings"
  6. Complete the form that comes up. It is self explanatory
  7. Click on "OK"
  8. Click on "Post to blog"
  9. Go to your blog and you will see it
  10. Edit the post on the blog or on Google docs and republish as before

This post was made that way. I have produced three full width tables. These automatically fill the post section of the blog. Incidentally the tables below can be copied into the text entry box of Blogger. Follow these instructions:

  1. Place cursor over the top of the table
  2. Hold down the left button on mouse
  3. Drag mouse over table - there will be no highlighting
  4. Don't move the mouse but right click
  5. Select copy
  6. Go to the new post input window (the Compose window) of your Blogger blog and right click. note: do not drop html into the "Edit Html" window. Blogger compose window is very capable. It accepts almost anything you paste into it.
  7. Select paste
  8. The table will appear perfectly formed in the window
  9. Add text in compose mode
  10. Change width of table in edit html mode. You can see the width tag clearly, just change the figure to a smaller one as this is at max.

Note: In preview mode the tables look different. Don't worry about that. They look "as is" when published.

Update: 25th May 2009: Google Docs creates probably the best tables. Windows Live Writer also produces tables: Write Blogs With Windows Live Writer. Since writing this I have built another page on preparing tables that are more refined (not to detract from Google Docs tables which is an easier overall process). Tables like this one:

This That
One Two

Go to this page to see a discussion about the above tabling: Html Table Codes.


  1. This is very useful! I tried writing my own html, then SeaMonkey and hated the way the tables came out, but you were right, google docs were great.

  2. thanks. this is really helpful


Your comments are always welcome.

Featured Post

i hate cats

i hate cats, no i hate f**k**g cats is what some people say when they dislike cats. But they nearly always don't explain why. It appe...

Popular posts