Skip to main content

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.


Kristy Dyer said…
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.
Michael Broad said…
Pleasure, Kristy and good luck.
NDS Roms said…
thanks. this is really helpful
it's good to see this information in your post, i was looking the same but there was not any proper resource, thanx now i have the link which i was looking for my research.

Marketing Dissertations proposal

Popular posts from this blog

Cat Ear Mites

Brown gunge. Yes, I know this is a ferret! It does show the build up of dark brown to black ear wax caused by the presence of the cat ear mites in the outer ear canal. This parasite is not restricted to the domestic cat, which makes this photo valid and a useful illustration (I was unable to find a suitable photo of a cat with the condition). Photo Stacy Lynn Baum under a creative commons license. Ear mites (minute crab like creatures) are one of the causes of inflammation of the outer ear canal (scientific term for this inflammation is Otitis externa ). The outer ear canal is the tube that runs from outside to the ear drum (the pathway for the reception of sound), which can be seen when looking at the ear. Otitis externa affects humans and often swimmers as it is called "swimmer's ear" in humans. This YouTube video show ear mites under a microscope. They are not actually in the ear in this video. There are many possible causes of Otitis externa in c

Feline Mange

I'll write about three types of feline mange (a) feline scabies or head mange (b) demodectic mange and (c) sarcoptic mange. The source material is from Cat Owner's Home Veterinary Handbook - the best on the market . Generalised feline mange? Puerto Rico - Photo by Gotham City Lost And Found Feline Scabies - head mange Head mange or feline scabies, is a fairly rare condition in cats, which is caused by the Notoedres mite (head mite) that only reproduces on cats. The female mites burrow a few millimeters (that is a lot) into the skin around the head, and neck to lay eggs, which hatch and lay their own eggs. Their presence and activities causes intense itching that in turn causes the cat to scratch. The scratching will obviously be noticed and it will cause the skin to become red, scratched and worse infected. Symptoms: hair loss and scabs, thick wrinkled skin and grey/yellow crusts form plus the symptoms of scratching. Feline mange (head mange) is contagious and tr

Cat Anatomy

Cat Anatomy - Photo by Curious Expeditions . The picture above was taken at Wax Anatomical Models at La Specola in Florence, Italy. The photograph is published under a creative commons license kindly granted by the photographer. I am sorry if it is a bit gruesome. It is pretty well all I could find as an illustration that was licensed for publication. Cat Anatomy is a very wide ranging subject. The anatomy of a cat is very similar to human anatomy. If you were writing a biology book for students of biology you would go through every part of the a cat's anatomy in some detail. It would be similar to writing a book about the human anatomy. It would be a thick book and pretty boring for your average internet surfer. So, how do you limit such a big subject and make this post meaningful? The answer I think lies in doing two things: Having a quick general look at cat anatomy - an overview and; Focusing on the areas of cat anatomy that are particular to the cat and of parti