Blogger post editor misses the option to insert tables into our blog posts. If you want to have comparisons or if you want to have a tabular display of items in your posts, you might find this as a great miss. Because inserting a table in blogger requires a little knowledge in HTML and CSS. However MS Word has a solution. In this post you’ll see two methods for adding tables into blogger posts.
First method is by using simple HTML code, which will add a simple table into your post. And in the second method, we’ll add a stylish table into your blog post using MS Word.
METHOD 1 : USING SIMPLE HTML CODE
This is the simplest method for adding tables into your blog post. You only just have to copy the below code and add it in the HTML section of your blogger post editor.
<table cellpadding="0" cellspacing="10"><tbody>
<tr>
<td align="justify" valign="top" width="325">The write to be shown on the left side</td>
<td align="justify" valign="top" width="325">The write to be shown on the right side</td>
</tr>
</tbody></table>
OUTPUT
METHOD 2: USING MICROSOFT WORD
To follow this method you’ll have to have Microsoft Word installed on your computer. If you haven’t you can download it here. If you have already installed it follow the below steps.
STEP 1: Creating a table in MS Word
Open MS Word and Navigate to Insert > Table
Click on table and a grid will open up. Choose the number of columns and rows you want in your table. I’ve choosen a 3x3 table (i.e, 3 rows and 3 columns) for this tutorial.
Now it’s time to stylify your table. Go to the Design tab and choose a design to apply to your table.
You can further customize your table a lot. But I'm not going in to all those. After choosing a theme for your table, you can fill up your table with your desired content.
Now you’ve successfully created a table in MS Word. We can now move on to the next step i.e, adding this table into our blog post.
STEP 2: Adding the Table to our Blog Post
First you’ve to save the above table in .html format. To do that, Choose File > Save as. In the window appearing choose Web Page, Filtered as the Save as type.
I’ve save the document in my desktop for easy access, you can save it anywhere. Now we have to open the saved file in Notepad to copy the HTML code. To do that, right click on the saved file, and choose Open with > Notepad.
You can now see the HTML code of the table you’ve created in the Notepad.
Just copy the whole code from the Notepad and paste it directly in the HTML section of your blogger post editor. Be careful to add the code where your want the table to appear and only after writing the content of your post. Now just click publish your post. (read more on how to create a post in blogger)
NOTE: The table created using MS Word might not appear in your blogger post editor. But don’t worry it’ll surely show upon your blog page.
That’s it! You’ve successfully added a stylish table into your blog post using Microsoft Word.
In this blog post, you learned two simple ways to add tables into your blog posts in blogger. The first one was by using simple HTML codes. In the second method, we added stylish table from Microsoft Word to our blogger post editor through two simple steps. Hope it was helpful
Comments
Post a Comment