How to Create Tables in Blogger Post

Almost everyone has a blog, and does post regularly. But when it comes to creating tables in the blog (especially blogger) then one faces lot of problems. There are the following things which comes in picture while creating a table in a blog,
  • How to create table? 
  • How to eliminate the white space in the post, when the table is created using the HTML code? 
This post will describe some of the different ways to create the tables in the blog, along with eliminating the white space formed while creating the tables in HTML. Here we go,


Different ways to Create Tables in Blogger
There are many ways to create cool and well formatted tables in the blogger.
  1. Creating the table in the simple HTML format, 
  2. Creating the table in the Google Spread Sheet, and 
  3. Create a table in MS-Excel and then take a snap shot and upload as a picture. 
1) Creating Table in Blogger’s Post by using HTML code
  • This is the simple and well known method to create table in the blog post. It’s as easy as posting the post. Just write the code for creating the table, with rows and columns, and you are done. The first thing to be kept in mind is, you should be at least aware of how to create tables in HTML. And hence you can go ahead and create one for your post. But this has a certain draw back, as it leads to a lot of white space between the post and the table and looks too weird. Read below to find how to eliminate these white spaces.

Example HTML Table Code

HTML Code:
<table border="1" cellpadding="5" cellspacing="5" width="100%">
<tr>
<th>Table header</th>
<th>Table header</th>
</tr>
<tr>
<td width="20%">Table cell 1</td><td>Table cell 2</td>
</tr>
</table>

This results in:

Table headerTable header
Table cell 1Table cell 2

2) Creating Table in Google Spread Sheet
  • Creating the table in Google’s Document, i.e., Spread Sheet, is quite easy, and moreover after publishing the table, you can just copy the code and place it in your blog’s post where you want the table to appear.
How to create table using Google Document’s Spreadsheet?
  • Creating the table is quite easy in Google Spread Sheet, the following things to be noted while to create the table,
  • Go to the blogger’s “dashboard”. 
  • Click on “My Account” on the extreme right side. 
  • Under “My Products”, click “DOCS”. 
  • Now click NEW > SPREAD SHEET 
  • The SpreadSheet is divided inot Rows (number going down) and Columns (letters going across) 
  • Now fill the information in the spread sheet and make the formatting as desired. 
  • Save the spreadsheet by clicking, FILE > SAVE 
  • Now publish the sheet, click – Publish > Publish Now 
  • Select Sheet 1 Only in the next box under “What Parts” 
  • Then at the bottom of that box, click “More Publishing Options” 
  • In the next box that pops open, choose the HTML format: HTML embeded in a web page 
  • “What Sheets” click “Sheet 1 Only”…again. 
  • Now count the numbers of the table, i.e., The starting cell and the end cell in exactly diagonal fashion. 
  • Then click “generate URL” 
And now you are done to publish the post in your blog. Just copy that code into your post and hence your spread sheet/table is on your post.

3) The simplest way
  • Create a table in MS-Excel and then take a snap shot and upload as a picture into your blog, and hence you are done. Even though that’s not exactly creating a table in the blog, but it’s another way to put your table in the blog’s post.

0 comments:

Related Posts with Thumbnails

  © Blogger templates The Professional Template by yourbetablog.blogspot.com 2008

Back to TOP