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 in blogger


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
About the Author:
tilt  hover effect
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
Follow him @ Twitter |Facebook


Express yourself!
1 comment : Post Your's Buddies!

Post A Comment!
We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows. Please Keep in mind that all comments are moderated manually by our editors team to minimize spamming, and all the links are nofollow.

Note:
1. To add HTML code in the box, please use our HTML editor generator.
2. Please do not spam. Those type of comments will be deleted upon our review.
3. We should appreciate an individual and suggestive discussion.

Best Regards,

GOLDEN WORKS TV
  1. You can tell whether a man is clever by his answers. You can tell whether a man is wise by his questions.######
    - Capital One Gift Vouchers

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...