How to Add Responsive Table in html Blogger Post

How to Add Responsive Table in html Blogger Post

How to Add Responsive Table in html Blogger Post

Hello Friends! Welcome to your bloggingcampus blog. So in this article today we are going to talk about How to Add Responsive Table in html Blogger Post. So what is this and how can we use them. So we will know all these things in this article. So stay tuned in this article to know more detail.

What is Table?

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

If you do not know about the Table of Blogging area. So let me tell you, Table is the way to decorate an article. If you have seen many sites. That article of that website or blog contains many tables along with the text. Which makes the article look very good as well.

Also Read: What Is Internet and Its Features

What is Responsive Table?

Above we have learned about the table. So do you know what is the Responsive Table? If you do not know, let me tell you that any Site is Responsive when it completely adjust itself in any platform it is opened. When the website or blog opens properly in both mobile and desktop.

Similarly, when the table also opens properly in both mobile and desktop, we call it responsible table.

You can use responsive table in WordPress as well as blogger

Also Read: 5+ ADVANCED TIPS TO INCREASE ORGANIC TRAFFIC

How to Add Responsive Table in html Blogger Post Easily?

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

Let me tell you that we do not get any separate plugin in Blogger. Whatever is 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 code I have shared, all the code is absolutely ready. You just have to replace some words.

Also Read: Latest SEO Techniques to Drive Organic Traffic

Responsive Table implementation Steps

Now it is our turn to know, how can we use this Responsive Table in our Blogger Blog post. So I have described below Step by Step.

So you have to follow all the steps given below. So keep reading.

1. First of all, you have to login to your blogger’s 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 Theme and click on Edit HTML. Now copy the code that you had copied and paste the code below the <head>tag and click on Save Theme.

4. In the next step you will find the 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. Now you go to New Post and click on HTML and paste this code.

6. Now save this code. Your Table is ready.

Now, you can open and check you post by opening it on mobile or Desktop weather its working fine or not. These were the steps for How to Add Responsive Table in html Blogger Post

You can also add responsive table to WordPress. If you want to know how to add responsive table in WordPress just comment below and i will write another detailed article.

1 thought on “How to Add Responsive Table in html Blogger Post”

Leave a Comment