Hello friends! Welcome to Cooling Guruji Blog. So in today's article we are going to talk about making Responsive Table. So what is it and how can we use it? So we will know all these things in this article. So stay tuned to know more in detail in this article.


What is Table?

As you know, we have read about the table in our childhood. But it is book language. Right now we are talking about blogging. So tables are also used in the areas of blogging.




If you do not know about the table of the blogging area. So let me tell you that Table is the way to decorate an article. If you have seen in many sites. That in the article of that website or blog, there are many tables along with the text. Due to which the article looks very good too.


What is Responsive Table?

Above we have learned about tables. So do you know what is Responsive Table? If you do not know then let me tell you that any site is responsive only then. When that website or blog opens properly in both mobile and desktop.


Similarly, when the table is also opened properly in both mobile and desktop, then we call it Responsive Table.


Use Responsive Table in Blogger Post?

If you do blogging. So you will be well aware that it is very easy to create Responsive Table on WordPress. But many people do not know that how can we put the same responsive table in blogger's post.

Let me tell you that we do not get any separate plugin in Blogger. Whatever has to be done in blogger, we have to do everything with the help of coding.

So in this article I have shared all those coding with you. Which you can easily use in your Blogger post. Also, whatever coding I have shared, all the codes are completely ready. you just some
 You have to replace your words.


Responsive Table implementation Steps

Now fully posted, how can we use? So whether step by step then you have to follow all the steps given below. So

  1. First of all you have to login to your Blogger Dashboard.
  2. Now you will get a CDN Code in the box below. you have to copy this code



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


3.Now you have to go to the theme and click on Edit HTML. Now paste the code that you had copied      under the <head> tag and click on Save Theme.

4. In the next step you will get HTML code in a box below. Copy this code.


<div dir="ltr" style="text-align: left;" trbidi="on">
<table class="full">
<tbody>
<tr><th colspan="2" scope="col" style="text-align: center;"><span style="font-size: large;">Download Gold PicsArt Mod APK</span></th></tr>
</tbody>
<tbody>
<tr><td><b>App Name</b></td><td>PicsArt Gold [Mod]</td></tr>
<tr><td><b>App Size</b></td><td>40 MB</td></tr>
<tr><td><b>Version</b></td><td>v13.0.6</td></tr>
<tr><td><b>Supported On</b></td><td>Android 4.4+</td></tr>
<tr><td><b>Root Required</b></td><td>No</td></tr>
<tr><td><b>Available On</b></td><td>Playstore</td></tr>
</tbody></table>
<br />
<br />
<br />
<br />
<div style="text-align: left;">
<br /></div>
</div>

5. In the next step you will get the HTML code in a box below. Copy this code.


Conclusion:- So friend is so easy. How did you like this article of Add Responsive Table in Blogger Post. You must tell by commenting in the comment box below. Or if you want to give any kind of suggestion, then you can share your opinion with us in the comment box below.