How To Add HTML Table In Blogger Posts

For more HTML tables visit w3schools. Or search for online HTML table generator and create one for you.

is it helpful??? i hope you really understand this tutorial, did you encouter any problems, dont hesitate to contact us.

Exclusive to Mr Olumide's Blog

Tables In html

You can now make tables inside your posts on this titorial, this tutorial will teach you how to add html tables in blogger posts.

So now follow all this steps to follow all the settings below:-

Step 1: Copy code of HTML table from below:

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
John	Doe	80

Step 2: Go to blogger > Posts > Edit a post Or Create a new post.

Step 3: Switch to Html view of the post editor and paste the copied code after a certain text or in the beginning of the post or after an image, where ever you want to show your HTML table in the post.

how to switch to HTML editor In blogger.png

Step 4: Make changes according to your choices and publish your post to see your HTML table.

Understanding The HTML Table Code:

After adding above code for HTML Table, you need to make changes in the text and the table code and for that you need to understand the code because without it you can't add a new row in your table and can't add custom info in the rows and columns of your table. so read out below to know what the code is doing.

Here is the CSS code of your table:

It gives your table the borders for each row and column and if you want, you can add your own decorations to your table for example to add a background color you need to add this:

background: yellow;

You have to add above piece of code in this part of code:

#mytable{
width:100%;
background: yellow;
}

Now its time to make changes in the info which is added in your table's row and columns. Here is the overall code for your table:

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94
John	Doe	80

In this code blue one is the first row of your table, orange is the second, green is the third and yellow is the fourth row of your table. Now you can change text according to your choices.

To add a new row you need to add a simple piece of code below the yellow one, here is the simple piece of code that is need to be added for new row:

Jill

Smith