How to Easily Create Tables in Blogger using Microsoft Word

Advertisements
Creating tables is Blogger is something that needs a bit of expertise in HTML and well as in CSS. Sometime you might want your content to be organized systematically into a tabular form aligned properly into rows and columns. Unfortunately, Blogger does not provide you tool or option to create a table for your site. However, Microsoft word has made things a lot flexible that creating a table could never be too stress-free, especially for Blogger. Today, in this article, we will show you How to Create Tables in Blogger using Microsoft Word. 

Step#1: Creating a Table in Microsoft Word:

The First thing you need to do is to Download and Install Microsoft Word. If you already have this software installed then, quickly open up Microsoft Word from the start menu. Remember: You can use any version of Microsoft Word. However, in this tutorial the screenshots which we have used, are from MS Office 2010.

After opening the MS Word, the next thing is to create a table. Go to Insert >> Table >> now through the table grid you can select the number of rows and columns, which you want to see in your table. For example, if you want create a 3X3 table then you have to select 3 rows and 3 columns as it can be seen in the following screenshot.
Once the table is ready, you might want to give it a bit of cool and colorful look. Go to the “Design” tab and from there you can either apply the pre-designed styles or can create a new one own your own. It provides you a lot of options for customization so that you come up with a master piece. 
You can also increase the space between two rows and columns. Just place your cursor over a line and drag to increase the spacing between them. Now you should start filling up the empty rows and columns with your content.  For better learning see the following screenshot. 

Step#2: Adding Microsoft Word Table in Blogger

Once you have successfully created a table on MS Word, it’s time to get the HTML code which you will be inserting into your posts. 

First you need to save your document in .html extension, so go to File >> Save as and from the drop down list select “Web Page, Filtered” and press “Save” button to conclude. (Try saving the file on your desktop or so that you can access it easily).
Now you have converted your table into an HTML web page, so simply go to the location where you saved the document I.e. HTML file of your table. Now select the file which you saved a few moments a go and right click on it, then press “Open with >> Notepad”.
Copy all the HTML Coding present in the Notepad. Now go to Blogger.com >> your site >> Add a New Post >> Edit HTML, and now paste the HTML code in Blogger post editor which you copied a few moments ago. Once everything is done press the “Publish” button to finish the process.
Congratulations: You have successfully added a table in your posts. Go visit your posts to see things are working well for you or not. Let us know what your thoughts about this fancy technique.

We hope this article has helped you in learning how to easily create tables in blogger using Microsoft Word. If anyone has any better ways of doing the same job, then do let us know. If you want to ask anything, just leave it in the comment.
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

61 comments

June 5, 2013 at 12:25 PM

I got lots of problem to keep table in blog. I couldn't understand the HTML codes of Table. This post help me a lot.

June 5, 2013 at 12:36 PM

Amazing trick for newbies! Keep it up buddy.

June 5, 2013 at 7:36 PM

Excellent dear!
Thanks.

June 5, 2013 at 8:16 PM

something new

June 5, 2013 at 8:22 PM

Really helpful trick for us. I like the format of this post very much. Great job Syed bro ^_^

June 6, 2013 at 12:29 AM

You can directly insert table in Blogger by copying from word and pasting it in Blogger Post Editor.

June 6, 2013 at 3:53 AM

Thanks alot !!

June 6, 2013 at 8:42 AM

This post is really amazing, I've been looking for ways to add table to my blog post, but I thought it wasn't possible because I have no idea. Thanks for this Post, keep it up bro!

In my next post, on www.teyusfreedomtobrowse.com am gonna implement this tutorial.

Thank you once again for this post.

June 6, 2013 at 2:55 PM

HuH ... i didn't knew that otherwise i wouldn't have disturb my friend :'(

Editorial Team MOD
June 6, 2013 at 5:38 PM

Don't be sad. He must feel proud in helping you :) Cheer up

June 6, 2013 at 10:02 PM

New and unique one .
liked it.

June 7, 2013 at 9:01 PM

Good job Buddy..keep it up.

June 8, 2013 at 4:59 AM

Try directly copying and pasting table in post. It works!

June 8, 2013 at 1:19 PM

Its amazing.....can we apply same method in wordpress?

Editorial Team MOD
June 8, 2013 at 2:46 PM

Yep, it works pretty well with WordPress too

June 9, 2013 at 6:52 AM

I was looking for this and you solved my problem. Thanks a lot Dear

June 12, 2013 at 3:33 AM

Nice post, its really knowledgebale and valuable, this post helps me alot thanks for sharing with us.

June 26, 2013 at 7:40 PM

Hi,
I want to add images into a grid.
I tried doing this through word and it doesn't work with the images, just text.
Can you suggest anything.
G

July 8, 2013 at 10:31 PM

How do we open the HTML codes when working on a Mac? Mac does not have Notepad.

Editorial Team MOD
July 9, 2013 at 1:41 PM

Hey Anna, If that case. Create your Table on Word, Don't save it. Not Select All and copy the whole and paste it on Blogger Post Composer. It would work just well.

Cheers!

July 10, 2013 at 11:06 PM

you are awesome dude...

July 29, 2013 at 10:48 PM

Great, thanks for such helping contents.

August 1, 2013 at 1:20 PM

Awesome, that helped a lot. Thanks.

August 4, 2013 at 6:05 PM

I have the same question as Gayle, I want to embed images into a table, but the pics don't come through. Any help would be appreciated!

Editorial Team MOD
August 7, 2013 at 7:57 AM

This is certainly not possible. Because the images you will add would not be hosted at anywhere except your own system. First you have to upload it on your blog and than simply copy paste it in your table.

I hope that answers your question.

Cheers!

August 15, 2013 at 9:34 AM

It is really so helpful. Great Post thanks

October 1, 2013 at 10:58 AM

Thank u a lot, i wl come back and let u knw if it really works

October 1, 2013 at 10:59 AM

Thanks

October 17, 2013 at 11:39 PM

raly ... big thanks

in arabic "shokrn"

December 10, 2013 at 7:34 PM

Nice trick! Thanks!

February 25, 2014 at 6:02 PM

This post is extremely helpful and clear. I am very grateful to you. Thank you!

March 7, 2014 at 6:26 AM

Thanks! I got a table going in my blog! Table better than paragraphs!!

March 11, 2014 at 5:06 AM

It's very hard process, Just copy the table from the Word and paste into your blog dear..........

April 30, 2014 at 6:44 AM

I love you! I am a newbie and I need my tables to be with one column aligned to the right and one to the left, and I couldn't get this result before. It was a mess! Now it's perfect! You've made my year!

Editorial Team MOD
April 30, 2014 at 9:18 AM

I am Glad ANIA it helped you. And yes Love you too!

May 13, 2014 at 2:20 AM

Thanks man ! Awesome tutorial. Now I can easily get tables in the blogger blog. Thanks again !

July 19, 2014 at 10:58 PM

great idea brother

July 29, 2014 at 12:50 PM

I can now sleep easily tonight! Thank you so much for this post - I have been tearing my hair out and am really most grateful to you.

September 15, 2014 at 11:45 AM

Awesome man .....
Thanx alot......

January 22, 2015 at 9:55 AM

thanks its very easy way to create tables..

May 5, 2015 at 2:54 AM

i just used this for my blog, it works fine, thanks.

om
June 9, 2015 at 6:33 AM

great article..

June 21, 2015 at 8:33 PM

Thanks for share, i love this article.

July 4, 2015 at 11:43 AM

thank you .. .

July 13, 2015 at 12:49 PM

I shall try. thank u for your post

July 21, 2015 at 9:07 PM

thanks dude very gud. must needed information kep it up

January 7, 2016 at 7:55 AM

Thank u nice , but i posted the code at the end of html code ... now when iam writing any matter it is coming above the tabel which i created , pls guide me through this

January 9, 2016 at 12:15 AM

Thanks but i have a problem. In my table i want to insert link. I want to click on somethink in the table and transfer me in another link. Html page works fine but in blog you just see the table without links.
please help

January 11, 2016 at 4:11 PM

Exactly! I simply cut-n-paste a Word table into Blogger without any HTML coding or converting.

February 28, 2016 at 11:25 PM

Really helpful. Thanks a lot.

March 24, 2016 at 12:32 AM

Nice...Thanks a lot....

March 29, 2016 at 2:23 AM

amazing Trick,, thanks Buddy

May 8, 2016 at 9:13 AM

Thank you that makes it easy

May 22, 2016 at 11:32 PM

Hey.
I have a table in blogger that I copy and pasted. But now I need to edit it (add cells). Is there any way to do this directly in blogger?

May 24, 2016 at 6:26 AM

I ve done the same way, but the table isn't responsive for mobile view. I tried to cut some words and the result it isn't really good for desktop view. Is there any code to make the table responsive on mobile and desktop view please?

Editorial Team MOD
May 27, 2016 at 11:18 PM

You can Edit it on Your Blogger Post Editor.

Editorial Team MOD
May 27, 2016 at 11:18 PM

No these are not responsive Tables.

September 10, 2016 at 1:24 AM

Hello, thank you for giving trick. I think is very helpful, but I have a little problem with the display on the mobile version. Table I use looks very bad in the mobile version compared to the desktop version. Can you give me a solution. Thank you

Editorial Team MOD
September 10, 2016 at 9:25 AM

You need Responsive Tables so it looks Good on both desktop and Mobile.

October 9, 2016 at 8:39 AM

How to make responsive table in mobile using blogger?

Please replry

Anonymous
December 11, 2016 at 3:23 PM

Thank you so much, much, much!!!! You saved my day!

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.