Skip to main content

How to create a table in blogger ?

 

Do you want to know how to create tables in blogger ? If yes , then you are at the right place.

Well alot of bloggers start their blog on blogger platform and sometime they face  some problems like creating tables in blogger post.
Sometime we need to tabulate data so that it looks easy to understand. It is found that table helps to better understand data than in paragraph form  . So my suggestion is you should learn to create tables in blogger.
How to create tables in blogger ?



If you want to create tables in blogger then it requires basic  or  almost negligible  knowledge of HTML. Don't worry i am here to teach you.


Basics of Table in HTML


There are three tags for creating and  crafting a table in HTML, Yes only three.
They are given below in the table and you know after reading this whole post you will be able to create similar  responsive tables in blogger posts.

Tags Uses
< table > .... < /table > It defines or creates a table .
< tr > .... < /tr > It defines or creates a table row
< td> ....< td > It stands for table data and create a cell.


<table >.....</table>

It is used just to define a table . This tags comes in pair so must be ended by
</table >.

Note : It is basic and first rule of HTML that all tags which comes in pair must be closed . How to close ? Just repeat same tag with forward /  . Like if <table>  is opening tag then </table> is closing tag.


<tr>.....</tr>

Tr stands for table row . It creates a table row. And it is placed between  table tag .
Example
<table >
<tr>

</tr>
</table>


<td>.....</td>

Td stands for table data and it creates table data or cell  . What is cell ? Well its a block of data .
So you must be wondering , Is there table column just like table row ? Answer is no . You can create column by repeating <td> tag .

And it is placed inside  tr tag.
Example.

<table >

<tr>

<td>Name</td>
<td>Alex</td>
<td>Tom</td>
<td>Steve</td>

</tr>

</table>

Note : In above example block of repeated td looks like  a column but its not . Yeah they are cells of a row as they are inside tr tags.


So finally you have very basic knowledge of table right so now you are ready to create tables.

 
How to create tables in blogger ?


In order to create tables in blogger just copy code below by clicking copy button and paste it inside post in HTML  mode .

Yes your post editor should be in HTML mode.

After that just change values of <td> tags . Also you can add or remove <td> and <tr> tags as per your wish . Thats why i gave you basic knowledge of HTML

And make sure all tags are properly ended or closed .
These three codes are designed with CSS i know learning CSS may be hard for you so just copy paste. And change tr and tds , its easy. 
But the most important customization is in CSS section . In css section there is a class 
.pirate-table{
width:600px;
}
In above code width should be set according to look of table and it depends on no of row and column . How to set its value then ?
Well its simple try from 300px to 960px at interval of 30px like try 300 then 330 then 360 then 390 then 420 etc. At some point your table will look good.

Table 1 





Table 1 preview


SN Name Registered Email Donation
1 Alex Poirich Yes alex2050@gmail.com 200$
2 william Nerdson yes willi80@gmail.com 300$
3 william Nerdson yes willi80@gmail.com 300$
4 william Nerdson yes willi80@gmail.com 300$
5 william Nerdson yes willi80@gmail.com 300$

Table 2 code






Table 2 preview


SN Name Registered Email Donation
1 Alex Poirich Yes alex2050@gmail.com 200$
2 william Nerdson yes willi80@gmail.com 300$
3 william Nerdson yes willi80@gmail.com 300$
4 william Nerdson yes willi80@gmail.com 300$
5 william Nerdson yes willi80@gmail.com 300$

Table 3 code






Table 3 preview


SN Name Registered Email Donation
1 Alex Poirich Yes alex2050@gmail.com 200$
2 william Nerdson yes willi80@gmail.com 300$
3 william Nerdson yes willi80@gmail.com 300$
4 william Nerdson yes willi80@gmail.com 300$
5 william Nerdson yes willi80@gmail.com 300$


Conclusion

Finally i want to say you that creating a table in blogger is a bit tricky and it requires some learning but you know it worth . Table helps your visitor to better anaylze data and also it makes your blog professional and attractive.

So Make sure to learn creating table completely.
If you liked this article then please share it to facebook , pin it or tweet it.
And the most important thing please link to this blog from yours as it will help me to rank better in google so that more people will be helped.



Comments

Popular posts from this blog

How to create blogger sitemap just in 2 minute ?

  Do you want to create an XML sitemap for your blogger blog ? If your answer is yes then stick yourself to this post. But at first let me tell you what a sitemap is , very first answer to this question is" It is a map of website " . Yeah its true  , a sitemap or lets say sitemap of your blog is basically an XML file containing links of all the blogpost published .  But why do we need sitemap ?  Its answer is very simple , we need sitemap to better index our blog in google or lets say any other search engines like bing or yahoo.  Actually this sitemap is not for small blog with some 20 post or like that but when you have about 50 post , 100 or even big blogs may have 2000 posts. So ,In that case we need a sitemap so that google's crawler will evenly crawl the pages and make sure that none of your  post will be left. Bloggers default dynamic sitemap Blogger have a default dynamic sitemap for every blog created on its platform . It is an xml file with w3c.org schema and ev

How to create a free blog and make money ?

 Do you want to know ? How to create a free blog and earn money?  If your answer is yes then believe me you are at the best possible place in the whole web . But before that i want to make a request  please don't scroll this page and please read each and every word very slowly . Basically it is very personal message  written with heart to share my experience and blogging journey.  Just give me your 30 minutes believe me it will be your most fruitful 30 minutes. And this small investment can give you larger results in future. So Lets begin our main disscussion from here. I went to google chrome and searched " How to create a free blog and make money " and i found more than 20 websites and read their whole article . Those 20 websites has claimed following things. 1. Blogging is very easy. 2. Wordpress is only the option. 3. As usually money grows on trees . Although i searched with keyword  "free" But none of those websites provided me  a free way

How to create a contact us page in blogger in 2021 ?

  Are you here to learn " How to create a contact us page in blogger blog " If yes then you are at the right place. But at first , let me introduce you with contact form and its importance for a blogger. Contact us page is one of the most important pages for a blogger so that your visitors can connect with you. Athough contact us page is very simple in nature , it can create huge opportunities like sponsors can contact you for advetisement , similarly other bloggers may contact you for guest posting which is great because it may pay you as well as you will get a piece of article for free. Also If any visitors wanted to contact you for any personal benefit or queries then comment sections a sometime unfavourable and so through your contact form they can express their feelings. Some benefits of having contact form are pointed below. 1. Sponsors can reach easily to you 2. Other blogger may contact for guest posting. 3. Visitors can personally interact with you.