Monday, February 7, 2011

Add table to post

Here, i'm going to share on topic how to insert table in blogspot.

First, login to your blogspot.
Second, click on new post, then click on the Edit HTML tab in your right side.

Copy the below code and paste the code inside your post.

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">
<table border="2" bordercolor="#3366cc" cellpadding="3" cellspacing="3" style="background-color: white;"><tbody>
<tr style="background-color: #3366cc; color: white; padding-bottom: 4px; padding-top: 5px;"> <th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</tbody></table>
</div>
</div>
</div>

Then you will see a table as below.

Table Header Table Header Table Header Table Header Table Header
Table Cell Table Cell Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell Table Cell Table Cell

Now go ahead and add your data to your table.
Filling in each instance of "Table Header" and "Table Cell" with your own data.

No comments:

Post a Comment