How To Add Beautiful Table in Google Blogger

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

Comments

4 responses to “How To Add Beautiful Table in Google Blogger”

  1. Sanu Thakur Avatar
    Sanu Thakur

    How to add this code

  2. Raghu Avatar
    Raghu

    Thanks For it, Help Me Really Very Best

  3. Sanu Thakur Avatar
    Sanu Thakur

    How to add this code

  4. Raghu Avatar
    Raghu

    Thanks For it, Help Me Really Very Best

Leave a Reply

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

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