How To Add Beautiful Table in Google Blogger

Hi, In the article today we learn How To Add Beautiful Table in Google Blogger.

As We Know There are many limitations in google blogger, and like WordPress, we can't add any 3rd party plugins to our website to add tables in google blogger.

So, in this case, we can use bootstrap HTML code to a table in Google Blogger.

Also Read: How to Add Contact Form in Google Blogger

Adding Bootstrap CDN:

  1. Open Blogger Dashboard.
  2. Select Theme Option in Dashboard.
  3. Click on Theme and Choose Edit HTML Option.
  4. Then Press Ctrl+F12 key and a Search Bar Will open, Search “Head” Here.
  5. Add given link paste into the head file
  6. Save the HTML code.

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

Adding Table in Post:

  1. Go to Post, and then Choose text editor(HTML editor)
  2. Pate The Given HTML Code Into it.
  3. Change the text according to your requirements.

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

Also Read: Adsense Approval On .blogspot DomainĀ 

and in Final Everything is Set, Enjoy your Cool Table in Blogger.

Thanks For Visiting, Team NoobSpot.Com – Perfect Blogging Guide

4 thoughts on “How To Add Beautiful Table in Google Blogger”

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Copy link