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