How to add a responsive table to a blogger post

Hello friends, in this post I will teach you how to add responsiveness in your blogger. Friends, if you are new to my blogger, you must subscribe to it first because I keep uploading such posts on it.  Very useful for you. By subscribing, whenever I upload a post on this blogger, you will get a notification about it. So, friends, forward the post.

First you have to open your Blogger then you have to come to Blogger's dashboard then after coming to friends dashboard you have to

 click on theme then you have to click on

  

customize 

After clicking Customize, you will see a menu.

In Blogger Theme Design you have to click on Advanced.

After clicking on Advanced another menu will open at the same time. All you have to do is click on Ad CSS.

After clicking on ad css a box will open where you have to paste the code of css

CSS code

/* CSS Post Table by www.ji4you.com*/ .post-body table th, .post-body table td, .post-body table caption{border:1px solid #2E2E2E;padding:.2em .5em;text-align:left;vertical-align:top;} .post-body table.tr-caption-container {border:1px solid #2E2E2E;} .post-body th{font-weight:600;} .post-body table caption{border:none;font-style:Arial;} .post-body table{} .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:15px;padding:3px 5px;border:1px solid #010101;} .post-body th{background:#007874;color:#ffff;} .post-body table.tr-caption-container td {border:none;padding:8px;} .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;} .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;} img {max-width:100%;height:auto;border:none;} table {max-width:100%;width:100%;margin:1.5em auto;} table.section-columns td.first.columns-cell{border-left:none} table.section-columns{border:none;table-layout:fixed;width:100%;position:relative} table.columns-2 td.columns-cell{width:50%} table.columns-3 td.columns-cell{width:33.33%} table.columns-4 td.columns-cell{width:25%} table.section-columns td.columns-cell{vertical-align:top} table.tr-caption-container{padding:4px;margin-bottom:.5em} td.tr-caption{font-size:80%}

All you have to do is copy the CSS code from here and go to your Blogger and paste it inside this box.

After pasting, you have to click on Apply to Blogger.

When you click on Apply to Blogger, you have to click on Back to Blogger. The code has been added inside your Blogger.

Now you have to go to the post section of your blogger in which you have to write a post. You have to use this code to add a table.

<table> <tr><th>your text</th><th>your text</th><th>your text</th></tr> <tr><td>your text</td><td>your text</td><td>your text</td></tr> <tr><td>your text</td><td>your text</td><td>your text</td></tr> <tr><td>your text</td><td>your text</td><td>your text</td></tr> <tr><td>your text</td><td>your text</td><td>your text</td></tr> </table>

I hope you enjoyed this post. If you have any problem in adding code then you can ask me by commenting.