Tips for Bloggers

PREVENT SPACE CREATED BY TABLE

When you put a table code in Blogger posts you have to take care not to include any line breaks. The code should be copied from a Notepad file. DO NOT CREATE IT IN Microsoft Word and paste in Blogger. Word introduces a lot of unwanted formatting.


Because we set Settings---->Formatting---->Convert line breaks to Yes table code if spaced out includes lots of spaces and hence produces a big white space at the top of the table. To prevent this arrange the whole table code in Notepad in a continuous line without line breaks and then paste in your post editor. Thanks to Ron for this tip.

You can also set your Settings---->Formatting---->Convert line breaks---->No--->Save Settings. However creating a new post will cause problems as pressing Enter on keyboard will not set line breaks and your text may get all jumbled up.

SIDE BY SIDE PICTURES

Tables are used to arrange pictures side by side in Blogger. To make table code start the first line like this :

<table>

Then start the first row with :

<tr>

Then create the first cell data with :

<td>PUT CELL CONTENT HERE</td>

Then close the row with :

</tr>

and close the table with :

</table>

So the full code for a one cell table is :

<table><tr><td>PUT CELL CONTENT HERE</td></tr></table>


Similarly here is the code for a one row and two column table :

<table>
<tr>
<td>FIRST CELL</td>
<td>SECOND CELL</td>
</tr>
</table>


Here is the code for a table with two rows and two columns :

<table>
<tr>
<td>FIRST CELL</td>
<td>SECOND CELL</td>
</tr>
<tr>
<td>THIRD CELL</td>
<td>FOURTH CELL</td>
</tr>
</table>

FORMATTING TABLES

To Format a table use the following code with the variations you want :

<table width="70" height="100" border="4" align="left" cellpadding="4" cellspacing="5" bordercolor="#00FF33" background="PICTURE_LINK" bgcolor="#FF0000">............</table>

This code will describe the width, border, alignment, cellpadding, cellspacing, bordercolor, background picture and background color of the table.

COPY AND PASTE FROM NOTEPAD

After coding the table in Notepad copy and paste in the contents of each cell. Then copy the whole code and paste it in Edit Html tab of Post Editor. You can also paste the code in a Html Page Element if you wish to put it in the sidebar or in header or footer.