-->
How To Make Table In Blogger Post [100% Working Guide] 2020

How To Make Table In Blogger Post [100% Working Guide] 2020

Welcome to the kmergsm. How To Make Table In Blogger Post [100% Working Guide] 2020. Today I will show you how to make a table in Blogger put up with pictures. Today we create a table in blogger post, when we are going to publish about any product specification, product review, some versus content material then we create a desk and exhibit the information, however blogger doesn't have any characters like that we don't have desk creating a function on it, so here we create / Make Table in Blogger using code. 

These are Following Steps:-

Step 1: Go to Blogger Pages or Posts and click Edit any post or page.
How To Make Table In Blogger Post
Step 2: Now click the HTML button and paste the code in the code area then click update button. Replace Your Content with Red Content.
How To Make Table In Blogger Post
<table>
<tbody>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
<tr>
<td>Table A</td>
<td>Table B</td>
<td>Table C</td>
</tr>
<tr>
<td>Blogger</td>
<td>Wordpress</td>
<td>Joomla</td>
</tr>
<tr>
<td>CSS3</td>
<td>HTML5</td>
<td>Javascript</td>
</tr>
<tr>
<td>Sylesheet</td>
<td>Script</td>
<td>Coding</td>
</tr>
</tbody>
</table>
Step 3: Now Go to Blogger Theme and click the Customize button.
How To Make Table In Blogger Post
Step 4: Here click Advanced and scroll down the option then click Add CSS and paste the CSS code here then click Apply to Blog button.
How To Make Table In Blogger Post
table {
color:#333;
font-family:Helvetica,Arial,sans-serif;
width:100%;
border-spacing:1px;
border-collapse:separate;
padding:0 3px;
}
td, th {
height:30px;
transition:all .3s;
text-align:center;
width:auto;
}
th {
background:#B1B6AF;
font-weight:700;
border-radius: 5px;
}
td {
background:#FAFAFA;
}
tr:nth-child(even) td {
background:#F1F1F1;
}
tr:nth-child(odd) td {
background:#E1DDDD;
}
tr td:hover {
background:#666;
color:#FFF
}
I hope you enjoy this post and the photos.  How To Make Table In Blogger Post

0 Response to "How To Make Table In Blogger Post [100% Working Guide] 2020"

Enregistrer un commentaire

Article Top Ads

Article Center Ads 1

Ad Center Article 2

Ads Under Articles

close