Adding Tables To Blogger Post Editor

Sometimes in order to present data to our readers, we need to put it in a table to make it more presentable and easy to understand. In this post, I will show the basic structure in making tables and how to customize it to make it ready for your viewers.

Adding Tables To Blogger Post Editor

Step 1. Go to Blogger Dashboard >> New Post
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

Click here to  fully customize your table (adding background, putting borders etc.)
Step 3.Save your Post and Enjoy your day pal!
Credits goes to mybloggertricks with some modifications from me