Add Table In Post

In Windows Live Writer, it is so simple to add table but in blogger default post editing section, no facility to add table.But table can be simply added in post. Go to Edit HTML and place the given code

<TABLE BORDER CELLPADDING=5>
<COL>
<COL ALIGN=RIGHT>
<TR> <TH>Name</TH> <TH>Basic Phone No.</TH> <TH>Cell No.</TH> </TR>
<TR> <TD>Arvind</TD> <TD>Not present</TD> <TD>+919413159634</TD> </TR>
<TR> <TD>Sumit</TD> <TD>05643-260337</TD> <TD>Not Present</TD> </TR>
</TABLE>

It results as

Name	Basic Phone No.	Cell No.
Arvind	Not present	+919413159634
Sumit	05643-260337	Not Present

The TR element defines a table row.
The TH element defines a header cell in a table.
The TD element defines a data cell in a table.


In the code,  red lines <TR> means Table Rows starts and <TH> means Table Head. </TH> shows end of first head.


If you want to add a Row in this Table add <TH> Description</TH>  and for add column <TD>xyz</TD>


Note:-Start your row with <TH> and pace </TH> at the end for closing. 


To change the background color add background color hex value like this

<table style="background-color: #FFC1C1" width="300" height="90" cellspacing="1" cellpadding="5" border="1">


<TR> <TH>Name</TH> <TH>Basic Phone No.</TH> <TH>Cell No.</TH> </TR>
<TR> <TD>Arvind</TD> <TD>Not present</TD> <TD>+919413159634</TD> </TR>
<TR> <TD>Sumit</TD> <TD>05643-260337</TD> <TD>Not Present</TD> </TR>
</TABLE>

it results

Name	Basic Phone No.	Cell No.
Arvind	Not present	+919413159634
Sumit	05643-260337	Not Present

Other Examples

<table style="background-color: #8B7E66" width="300" height="90" cellspacing="1" cellpadding="5" border="0">
<tr>
<td style="background-color: #FFEFD5" colspan="3">#FCE6C9</td>
</tr>
<tr>
<td style="background-color: #FCE6C9">#FCE6C9</td> 
<td style="background-color: #FAEBD7">#FAEBD7</td> 
<td style="background-color: #DEB887">#DEB887</td> 
</tr>
</table>

Code Results

#FCE6C9
#FCE6C9	#FAEBD7	#DEB887

Code

<TABLE BORDER=8   CELLSPACING=8 CELLPADDING=8>
<TR>
<TD BGCOLOR="#FF4500">RED (#FF4500)
<TD BGCOLOR="#00FF7F">Green (#00FF7F)
</TR>
<TR>
<TD BGCOLOR="#008B00">Dark Green (#008B00)
<TD BGCOLOR="#1E90FF">Blue (#1E90FF)
</TD>
</TR>
</TABLE>

its Result

RED (#FF4500)	Green (#00FF7F)
Dark Green (#008B00)	Blue (#1E90FF)

Arvind

Baca juga