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.



Google drive direct download link generator

you can use tool below to generate direct download link of google drive files. In order to get direct download link just paste the sharing link of your file into input box and it will automatically generate and then you can copy it by clicking button below. I request you to read this whole post to get clear understanding about google drive.


Enter your sharing link on box below


Download link Generated !

 

Have you ever thought that you can use google drive as your file host for your blog ? If you don't know about it or say don't know how to do it then don't worry this post will give a detailed guide on how to use google drive professionally.

Google drive direct download link generator

what is google drive ?


Google drive is cloud storage service given by google for free with 15 GB storage. What does it mean ? Well simply it means that you have  15 GB space on google's server and that space is given to you to store files , images , videos etc .


These files , images and videos are accessible 24 /7 from any part of the world with internet but permission is needed . For example if you set it to public , anyone can access and if private only you can.


How to  use google drive ?


Well its so simple and easy to use that anyone can use it. But it is so underrated  that everyone try to neglect google drive and also due to lack of proper guide to use.

To use google drive you must have a google account first so create it . After that you need google drive app either in desktop or even android . I will use my phone .

After downloading open it and make sure you have internet connection either data or wifi. When you open it you will see blank if there is not anything.

By default  " My Drive " is root folder but it will be very unmanaged if you simply start uploading files. On My drive you can create other folders to make it organized.

For Example i have created 3 folders

  • private document ====>It is  for private documents like birth certificate , etc
  • University ====> It is for my college documents.
  • pirates of blogger -public ===> It is for this blog and this folder is made public so that my visitors can access this folder and i use this folder as my file host for blog.

You can see in picture below.
Google drive direct download link generator



How to create folders in google drive ?


In order to create a folder just follow these 3 steps .

Step 1 : click on plus icon on google drive.

Step 2 : click on folder icon from option.
Google drive create folder

Step 3 : Name your folder and click create button  .
Google drive create folder



Congratulations your folder is created.

After creating folders you can upload files like pdf , txt , zip rar or images like jpg , png ,gif etc 

How to upload files to google drive ?

 Its very simple , go to folder where you want to upload and then click on plus icon and click on upload button.
After that select your file properly and after selecting , your upload will start and your file will get uploaded within few seconds to hours depending upon file size and internet bandwidth.


How to use google drive to share files or make file downloadable to public ?


So here is our main goal you are a blogger or say you have a website. And you want to give your visitors a file to download. How to do it ?

Lets go yeah..

In order to do that you have to individually set file to public and then get sharing link from file options. This link is not your download link to covert it to download link paste that link in above link generator tool and copy new download link.

So this is your download link , when your visitor will click on it file will be downloaded . An example is given below.

Click me to download a pdf.


Please click and see the magic.

How to get sharing link from files ?

In order to get sharing link  just follow these steps .

Step 1 : At first go to file you want to share .
How to get sharing link google drive ?

Step 2 :  click on three dot of that file and options will appear like this .
Google drive link sharing


Step 3 :  As you can see in the picture link sharing is off. So set it to link sharing on. It may not on in one time depending upon internet speed so you can try twice after that it will appear like this.
Google drive link sharing on

Step 4 : After link sharing is on then click on copy link icon from option and you will see prompt like this " link copied "
Google drive direct download link generator

Congratulations this is your sharing link.

Conclusion

Finally i want to say you that google drive is best platform for hosting small or even big files and also it is completely free of cost so it adds butter to bread. But the problem is very few of todays people reach to all features of google drive. Most of us don't know the potential of google drive. Many of so called expert will say you that google drive is not good because its free.

Let me tell you not all free things are bad and particularly googles products. In fact its the best cloud storage service and the best part is its completely free and simple to use.

So in my suggestion its good till it is updated to paid option but i hope it won't turn to paid like google photos.
Thanks for reading.

Please share it and also link to this blog.




How to add links in blogger comment ?

  Do you want to know , how to add links in blogger comment ? If yes then you are at the best possible place. At first blogger comment for...