How To Add Together Tables Inwards Blogger Post

Welcome to the Tutbig Blogger Design tutorial today I volition exhibit y'all How to Add Tables inwards Blogger Post alongside pictures or create a table in blogger post.

When nosotros are going to postal service most production specification, production review, approximately versus content, then we create make a table in Blogger post.

Step 1: Go to Blogger Pages or Posts together with click Edit whatsoever postal service or page.

Step 2: Now click HTML push together with glue the code inwards the code expanse together with hence click the update button. Replace Your Content alongside Green Content.

<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 together with click Customize button. 

Step 4: Here click Advanced together with scroll downward the option, then click Add CSS together with glue the CSS code hither together with hence click Apply to Blog button.

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
}

Step 5: Now Open Your Blogger Blog. 

I promise y'all savour this postal service together with the photos.How to Add Tables inwards Blogger Post