How to add Responsive Table in Blogger Post ? [Blogger Tricks]

Hii , I am Arnab Modak. Today in this post I will share the trick to add Responsive Table in Blogger Post.
To make this , you need to make some changes in your blogger themes.
● Go to Themes Section of Blogger Dashboard >
● Click on Edit HTML >
● Copy Code from bellow Box >

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />

● Place the code under <head> section >

Now Your Theme is properly ready to give your post a creative look . To make this table you have to copy code from bellow box >

<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

Make change your data of table in Notepad >

How to post ?

Go to HTML section of your Where you want to show your table  and paste your code.

‌Output (Demo) –

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Leave a Comment