Html Coding to give tabular column in blogger

 In Blogger, you can create a tabular column using simple HTML inside a post or page. Below is a basic example of how to create a table in Blogger:

Basic HTML Table Code for Blogger

<table border="1" cellpadding="10" cellspacing="0">
  <tr>
    <th>Serial No</th>
    <th>Name</th>
    <th>Age</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Alice</td>
    <td>25</td>
    <td>USA</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Bob</td>
    <td>30</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Charlie</td>
    <td>28</td>
    <td>India</td>
  </tr>
</table>

---

Adding CSS Styling for a Better Look

If you want a better-designed table, you can use CSS in Blogger’s HTML editor:

<style>
  table {
    width: 100%;
    border-collapse: collapse;
  }
  th, td {
    border: 1px solid black;
    padding: 10px;
    text-align: left;
  }
  th {
    background-color: #f2f2f2;
  }
  tr:nth-child(even) {
    background-color: #f9f9f9;
  }
</style>

<table>
  <tr>
    <th>Serial No</th>
    <th>Name</th>
    <th>Age</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Alice</td>
    <td>25</td>
    <td>USA</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Bob</td>
    <td>30</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Charlie</td>
    <td>28</td>
    <td>India</td>
  </tr>
</table>

---

How to Add This Code in Blogger?

1. Go to Blogger Dashboard

2. Click on "Posts" → "Create a New Post"

3. Click on "HTML View" (instead of "Compose")

4. Copy and paste the HTML code

5. Click Publish or Preview to check the table