How To Add Beautiful Table in Google Blogger with Bootstrap Hindi

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


  • 5 Genius Ways To Make Money on Blogging Without Adsense

  • Best Cloud Hosting Providers In 2019

  • Difference Between DBMS and RDBMS

  • Adsense Friendly Free WordPress

  • How to Add Automattic Table of Contents in Google Blogger

 


The post How To Add Beautiful Table in Google Blogger with Bootstrap Hindi appeared first on BMTechTips.

Comments

Post a Comment