STYLISH TABLE FOR BLOGGER POST

 

FOLLOW THESE STEPS TO HOW TO USE 

Open Your BLOGGER DASHBOARD , Open a POST

Where you want to add table, write it here

Switch to HTML Mode, search here 

And paste this code instead of Here, your table will be added, and you can add your text.

<center><table style="font-weight: bold;border: 2px solid #132DF3;border-radius: 5px;text-align: center;background-color: #f5f5f5;color: #132DF3;"> <tr> <th style="padding: 5px 10px;background-color: #132DF3;color: white;border-radius: 5px;">S.NO.</th> <th style="padding: 5px 10px;background-color: #132DF3;color: white;border-radius: 5px;">DATE</th> <th style="padding: 5px 10px;background-color: #132DF3;color: white;border-radius: 5px;">MATCH NO.</th> <th style="padding: 5px 10px;background-color: #132DF3;color: white;border-radius: 5px;">VENUE</th> </tr> <tr> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">1.</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">18 MAY</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">1 ODI</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">COLOMBO</td> </tr> <tr> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">2.</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">20 MAY</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">2 ODI</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">COLOMBO</td> </tr> <tr> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">3.</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">23 MAY</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">3 ODI</td> <td style="padding: 5px 10px;border: 2px solid #132DF3;border-radius: 5px;">COLOMBO</td> </tr> </table></center>