How To Brand Tabular Array Inward Blogger Shipping Service Amongst Pictures

Hello friends, welcome to the Blogger Design tutorial today I volition demo yous how to brand tabular array inwards Blogger spider web log post with pictures.

Today nosotros usage tabular array inwards blogger spider web log post, when nosotros are going to transportation service almost whatever production specification, production review, roughly versus content hence nosotros usage tabular array in addition to demo the information, but blogger don't bring whatever characteristic similar that nosotros don't bring tabular array creating business office on it, hence hither nosotros usage make Table inwards Blogger spider web log using code.

These are Following Steps:-

Step 1: Go to Blogger Pages or Posts in addition to click Edit whatever transportation service or page.

Step 2: Now click HTML push clitoris in addition to glue the code inwards the code surface area hence click update button. Replace Your Content alongside Orange 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 in addition to click Customise button.

Step 4: Here click Advanced in addition to scroll downwards the alternative hence click Add CSS in addition to glue the CSS code hither hence click Apply to Blog button.

tabular array {
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 opened upward the Blogger blog.

Read More:- 
How to Create Sitemap Page inwards Blogger blog
How to Disable Comments Box on Blogger Posts
How to Create Free Website Using WordPress
How to Create Free Website Using Weebly

I promise yous savour this Post. If whatever occupation comment it.