How To Add Beautiful Table in Google Blogger with Bootstrap Hindi

Subscribe our YouTube Channel    

How To Add Beautiful Table in Google Blogger with Bootstrap | Hello dosto mai BM aapka swagat karta hu aaj ke yah fresh article mai, aaj hum ek khas topic pe bat karne wale hai or wo hai ,how to show a table in google blogger blog post.

Note: Agar aapko video dekh kar sikhna pasand hai to upar video hai, wo dekh kar aap sikh sakte ho ,blogger me table add karna, agar aapko video pasand aaye to hamari channel subscribe jarur karna.

Sabse pahle pahle hum bat karte hai aisa kyu hota hai ki aapke blog me table show nahi hota, eska ek hi reason hai or wo hai, aapka blogger ka template bahut purana hai yato aapke blogger me bootstrap ka integration nahi hai, to agar aap bootstrap ka table aapne blog me show karvana sahte ho to aapko nice ke step follow karne padenge.

Also read this – How to Add Automattic Table of Contents in Google Blogger

Bootstrap CDN

Sabse pahle agar aapko bootstrap ka use karna hai to aapko aapne blogger me bootstrap ko add karna padega with cdn, nice aapko ek link hai esko copy karke aapko aapne blogger ke head pe paste karna hai.

  1. Blogger ka dashboard open kijiye.
  2. Dashbord me Theme ka option hoaga waha click kijiye.
  3. Theme pe click karke ,aapko Edit HTML pe click kijiye.
  4. Bad me aapne keyboard me se Ctrl + F Dabaye or head search kijiye.
  5. Simple head ke andar nice jo link hai esko paste kar dijiye.
  6. HTML code ko save karlijiye.

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

Simple Table

Yah ek simple table ka code hai, aapko es code ko copy karke aapne blog post me paste karna hai, agar aapne uprki link aapne head me add kiya hoga to ek beatutiful table show hoga aapke blog post me.


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

# Final Word

To dosto mai finaly aasha rakhta hu ki aapko yah article pasand aaya hoga, agar aaya to der kis bat ki share kardijiye taki aapke friend bhi kuch naya sikhe.

Agar aapko yah article pasand aaya to share jarur kijiyega sabhi social media me, or ha ek request hai hamare youtube channel ko jarur Subscribe karna ,aap hume sabhi social media pe bhi follow karlijiye jaise ki, Facebook, Twitter, Instagram, YouTube.

Also read this

 

Share Share on Facebook Share on Twitter Share on LinkedIn Pin on Pinterest Share on Stumbleupon Share on Tumblr Share on Reddit Share on Diggit

Bharat Makwana is a Founder & Owner of Veewom. He is Content creator and Web Developer from past three years. He loves to read and get in touch with the latest technology, he also have YouTube Channel BMTechTips ,for more info contact - hi@bharatmakwana.com.

You may also like this!