Wondering how you can make a responsive table for your blogger post using Microsoft Excel? The question is, is this really possible? The answer is yes! Making tables in Excel is too easy and you do not need to exert too much effort in coding just to manually create one inside your blog post HTML view.

By the way, why are we using tables in our blog post? Why not just plain text? The answer is, making tables for information that needed to be put inside a table is a must to make your article look neat and professional. Tables will definitely give your article easy-to-see data within a glimpse. So instead of writing just a plain sentence, why not put that sentence into a table. Example:

Game schedule
March 1, 2019 - Blue vs Red, @7:00 PM (ABC Arena)
March 2, 2019 - Green vs Violet, @5:00 PM (XYZ Stadium)

If we put this data inside a table that will be:

TEAM
VS
TEAM
TIME
VENUE
DATE
Blue vs Red
7:00 PM
 ABC Arena
March 1, 2019
Green vs Violet
5:00 PM
 XYZ Stadium
March 2, 2019

As you can see using a table to represent some data will be great and neat compared to just plain text.

Now, let us start making the table that you can put inside your blogger article.

STEPS:

1. Open your Microsoft Excel.


2. Put all the data inside the cells of your Microsoft Excel. An example was given in the image below. The Player, Height, Birthday, and College as the header, and below these headers are their designated contents.

3. When finished select all the cells. Right-click inside the selected area, find and click on Copy.

4. Now, go to your Blogger account in "Compose" mode. Right-click inside the big white area and paste your table.

5. If successful, you will see your table inside your blog post now. See the image below.

6. From Compose, switch to HTML mode.

7. Find the following line of code when you are in HTML mode.
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 386px;">

8. Make the following changes:
border="1" (it gives your table border)
width:100% (responsible for making your table responsive)

9. Now find and select opening tag <colgroup> up to the closing tag </colgroup> and delete all of it.

10. The table below will be the output of the steps that you have above.

Player
Height
Birthday
College
Tom Sam 6-foot-5 Feb. 10, 1988 ABC College
Leo Tori 5-foot-8 Dec. 10, 1990 XYZ College
Sam Ty 6-foot-1 Jun. 4, 1995 FYD College
Lou Gay 5-foot-9 Jul. 20, 1989 MNP College

Notes:
  • If you want to center the headers, just select for example the Player header and then click the Alignment inside the Blogger editor and align it to center.
  • If you wanted to Bold the text like what I did, you can do so by selecting the text and clicking the B icon that you will also find inside the Blogger editor.