Showing posts with label How to Insert Table in Blog Post. Show all posts
Showing posts with label How to Insert Table in Blog Post. Show all posts

Wednesday, 21 August 2013

How to insert table in blog post

How to insert table in blog post 

At first we will make the table on Microsoft word, then convert the table to HTML codes and then finally insert it into blog post.

To create a table in Microsoft word

1) Go to Microsoft word
2) Go to Insert----Table----Insert Table
3) Give the number of Columns and Rows
4) Complete the table with whatever you want to write.
5) Select the table by clicking the following highlighted option, it will appear on mouse hover.
6) Right click and then click Copy
 

To convert the table into HTML codes

1) Go to Tableizer then paste the table codes there in the Text field
2) You can customize Font size, Header color and Font style there, the options are available bellow the text field.
3) After setting up click on Tableize it. It will converts the table into HTML codes.
4) Now go to Blogger------New Post------HTML editor
5) There you will see a piece of codes like this

<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>

6) Paste Converted HTML codes right before <br/> tag
7) Now click on Preview and if it is likable then Publish.
 

 

Friday, 26 October 2012

How to Insert Table in Blog Post

How to Insert Table in Blog Post 

On my previous post on how to make a table in a blog Post, I discussed how to make table of two or three column with a heading. In this post, I will discuss how to insert a table in a blog post.

Go to Blogger – Dashboard – New post. It opens to a page where you can write a new post. If you are writing a normal post, you usually go to compose and write your post there but this time click on Edit HTML link, instead of compose.

Insert the code of the table that you want on Edit HTML mode. In this example, I am going to use my previous two columns table that I made in my tutorial on how to make a table in a blog post ;  I click on Edit HTML and paste the following code there;

<table border=”1”>

<tr>
< th> Blog Ideas and Tips </th>
< th> Blog Ideas </th>
< /tr>

< tr>
< td> Blogger ideas and tips </td>
< td> Blogger ideas</td>

<tr>
< td>Blog Spot</td>
< td> Blogging</td>
< /tr>

< tr>
< td> Tips</td>
< td> Ideas</td>
< /tr>
< /table>