How to add the table in a Blogger blog post?

how to add table in blogger

Hey, If you are looking for the methods by which you can add the table in your Blogger blog, read this complete article. I am going to tell you the easiest and most effective methods so that it will become quite easy for you.

Blogger is one of the most used platforms globes which is used for blogging. But doing any task is not easy on Blogger, because here you have to do everything manually. Here is no easy way like using the plugin in WordPress. There are several tasks on Blogger which we have to do, inserting a table is one of that important tasks.

How to add table in Blogger blog?

Here are the two most easy and straightforward methods 1) By using HTML 2) By doing copy and paste. Both these methods are very cool, now it depends on you which method you have to use.

Method 1 – Insert table by using HTML in Blogger

You may find this method a bit difficult, but try it once, I guarantee that you will use this method in your post as well.

Step 1 – Copy the below code

<!DOCTYPE html>
<html>
<head>
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}


</style>
</head>
<body>

<h2>Country Population Survey</h2>

<table>
  <tr>
    <th>Country</th>
    <th>Capital</th>
    <th>Population</th>
  </tr>
  <tr>
    <td>India</td>
    <td>New Delhi</td>
    <td>136.64</td>
  </tr>
  <tr>
    <td>China</td>
    <td>Beijing</td>
    <td>139.77 crores</td>
  </tr>

</table>

</body>
</html>

Step 2 – Go to the post where you want to insert the table in Blogger

how to add table in blogger

Step 3 – Turn your post editor to HTML view in the post
Step 4 – Paste the whole code where you want to insert the table
Step 5 – Replace the data with your data

  • font-family – You can change the font of text in your table
  • width – You can change the width of your table
  • border – Here you can change the size of line of the table
  • text-align – If you want your text in center of cell, then replace the left word into center. Exa. text-align: left; to text-align: center;
  • Between the <h2> and </h2> is the heading of the table, which you can replace and enter your name
  • Between the <th> and </th> tag is the heading of the column, which you can replace
  • Between the <td> and </td> tag is the data of cell, which you can replace with your data

Step 6 – Add more columns and row

In case, if you want to add one more column, you have to add one more column heading using <th> and </th>. Along with this, you have to add one more cell in each row using <td> and </td> tags.

If you want to add one more row, you can do so by increasing the table row using <tr> and </tr> tags.

Such a table is created using the above code

Country Capital Population
India New Delhi 136.64
China Beijing 139.77 crores

Method 2 – Insert table by Copy and paste

This is a more simple method than the above one. You just need to create a table in Microsoft Word and drag it into your Blogger’s post.

Step 1 – Create a table in Microsoft Word on your computer

  • You have to do the setting of the whole table in Microsoft Word itself, because you cannot change anything in Blogger. Therefore, add the columns and rows according to the requirement.

Step 2 – Copy the whole table using Ctrl + A button together
Step 3 – Now paste this copied table in any post at the required place
Step 4 – Enter your data in the table.

Also read | how to add contact form in Blogger blog?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top