Hubungi Kami 联络我们

双武隆中山华小
SJK(C)CHONG SAN
Bagan Sungai Burung,
36100 Bagan Datoh, Perak.

TEL: 05-6467093
FAX: 05-6466241 

www.sjkcchongsan.blogspot.com

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.