Create tables in Blog without free or white space

Hi, here I am giving you how to create tables, because it is difficult to the new people to understand and create tables in blog post. When you create table in post area, you will get some white space between your table and content (don’t fear by seeing that white space in your post, this is the problem which everyone face while creating table, here I am explaining you to remove that white space).


Creating tables in Blog can be done in 2 ways.

1. Creating Tables in Layouts
2. Creating Tables in Draft.blogger.com

Creating Tables in Layouts:

If you choose this one (means you’re using layouts and not switched to new Draft blogger), follow these two steps.

1. Create your table (forgetting whitespace for some time) with all your requirements whatever you have to do for them, like adding data, shaping, colors, borders, etc and finalize your table is finished and no need to make any changes.
2. Once creation of your table is complete then remove all spaces from your table. That is while creating table you may use enter button in your keyboard, this each press of enter key will create one new line before the table and creates more white space.  If you found more white space above your table means you have used space bar and enter key in your keyboard for many times.

For example:

Here I am creating table with three row and three columns:

A - If I enter table code like this in Edit HTML:

Sales of Products X and Y by sales man A and B:

<table border="1">
<tr>
   <td>Sales man</td>
   <td>Product X</td>
   <td> Product Y</td>
</tr>
<tr>
   <td>A</td>
   <td>200</td>
   <td>300</td>
</tr>
<tr>
   <td>B</td>
   <td>500</td>
   <td>600</td>
</tr>
</table>


The result shows like this in Compose mode and after publishing:


-----------------Page start-----------------

Sales of Products X and Y by sales man A and B:




   ----   white space   ---

Sales man	Product X	Product Y
A	200	300
B	500	600

-----------------Page end -----------------



B - If I enter table code like this in Edit HTML:

Sales of Products X and Y by sales man A and B:

<table border="1"><tr> <td>Product X</td><td>Product Y</td><td> Product YZ</td></tr><tr><td>100</td> <td>200</td> <td>300</td></tr><tr><td>400</td><td>500</td><td>600</td></tr></table>



The result shows like this in Compose mode and after publishing:


-----------------Page start-----------------

Sales of Products X and Y by sales man A and B:

Sales man	Product X	Product Y
A	200	300
B	500	600

-----------------Page end -----------------


So what you have to do is create table first and remove space between the codes from html, then whitespace will be removed before the table in post area.

This problem will not come when you add a widget to page elements.



Creating Tables in Draft.blogger.com:

If you choose this one just log into draft.blogget.com, then make it your default dashboard, then all table problems are solved and not that much adjustment are required in your table. New draft blogger will support all raw html and java code in post area.

But the problem only is you will not get proper preview for post when we create table, you can’t enter into “compose mode”, and finally you should save your post mannually, otherwise there may be chanses of getting errors and web will close.

So, you have to decide which one should be followed.

| Home |