Search Blog








How To Add Table In Blogger Post

Benefit of using blogger platform is liberty of editing template.we have full control on our blog design.while making new post we have option to edit html and this is how we can add table in blogger.Mostly new blogger do not know much about html but do not worry you can add table easily in your post.

 What is table

You can say it data organizing sheet.Today i will tell you how to make fully customize table in blogger, also i want to give you a reason for adding table in blogger post.First if you want to show result sheet yo u can write person name and result or number, second you can show survey result or whatever table can be use for many purpose.now i tell you customize means you are able to increase or decrease number of rows or columns in your table.Below you can see sample of table.In below image you can see a table of tree column and three rows.As i already describe this is fully customize so you can edit to your desired requirement.


Now look at table i have added names as a sample but you can replace then to your data.First we learn about adding table in post then we will talk about table modification.Make a blogger post and write content in the post before go to html mode while you can write your content again by  coming back to compose.

How to make table in blogspot posts


Login to blogger account

Make a new post



Go to HTML of post and paste below code

This code is for 3 row 3 column


<table border="1" cellpadding="2" cellspacing="0" style="width: 400px;"><tbody>
<tr>
      <td>harry</td>

      <td>garry</td>

    <td>tary</td>
    </tr>
<tr>
      <td>cintu</td>

      <td>mintu</td>
<td>dintu</td>
    </tr>
<tr>
      <td>re</td>
<td>be</td>
<td>ne</td>
</tr>
</tbody></table>

Go to compose and you table is now added.
Now the most important thing replace red color names i have added harry garry etc in above code to your desired names or numbers.

For adding 2 row 2 column paste below code

<table border="1" cellpadding="2" cellspacing="0" style="width: 400px;"><tbody>
<tr>
      <td>rony</td>

      <td>shony</td>
    </tr>
<tr>
      <td>pony</td>

      <td>tony</td>
    </tr>
</tbody></table>

 Replace names your desired data.

Customization

 Now if you want to customize table to your desired number of rows and column then you have to understand little about above code.I tell simple way to add new rows and columns.

For adding new row in table you have to add below code before
</tbody></table>


<tr><td>shony</td></tr>

For adding new column paste below code between <tr> and </tr>
<td>shony</td> 


<tr> and </tr> is used for every row so you have to add
<td>shony</td>  under every row for making new column in every row.compose the post and publish the post.
Hit Like button if this post really help you.

No comments:

Post a Comment

IconIconIconFollow Me on Pinterest
Blog Widget by LinkWithin