Adding Tables To Blogger Post Editor
Step 2. Switch your Blogger Post Editor in HTML mode and paste the code below.
<table border="1" cellspacing="0" cellpadding="2" width="400"><tbody>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
<tr>
<td>Row 3, Column 1</td>
<td>Row 3, Column 2</td>
</tr>
</tbody></table>
The above codes will produce a table with three (3) rows and two (2) columns
Row 1, Column 1 | Row 1, Column 2 |
Row 2, Column 1 | Row 2, Column 2 |
Row 3, Column 1 | Row 3, Column 2 |
Let us make things clear with through the informations below:
- The red bold texts show the start and end of the table structure
- The table border is 1, you can also add borders or put it to 0
- There you can see cellpadding and cell spacing
- If you want to control the width of your table adjust the value 400px
- The tags tr and td refer to rows and columns respectively
- The above table has three (3) rows because I have put three (3) <tr> tag
- The above table has three (2) columns because I have put three (2) <td> tag inside every <tr> tag
- Always put a closing tag in every opening tag. Example <tr>...</tr> and <td>....</td>
- To put a data (image, text, video etc), switch your post editor to HTML mode and put the mouse cursor in between <td></td> tags
Step 3.Save your Post and Enjoy your day pal!
Credits goes to mybloggertricks with some modifications from me
About the Author:
Hello folks! This is GOLDEN WORKS TV, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More
You can tell whether a man is clever by his answers. You can tell whether a man is wise by his questions.######
ReplyDelete- Capital One Gift Vouchers