How to Add Colorful Tables to Blogger/Blogspot blogs?

Blogger emerged most popular blogging platform under Free hosting services. Blogger creates subdomain with extension of blogspot.com and blogspot.in (For Indians). Blogger allows free customization of templates and adding CSS, HTML, Java Script code to their tempaltes. But there is no provision for creating Tables for blogger, anyway here BlogTariff finds a solution in simple way to add colored tables in type of blogger widget and inside blogger post.
Creating rows and coloums for specific text or script makes with good flavored background color spicing up borders and without borders. This tutorial definetly helps you for adding MS Excel sheet and more reading for your blog readers/visitors. Especially these tables works for educating blog readers into category wise content, like Telecomtariff plans.

Table Cell

Table Cell

Table Cell

HTML Tables

Blogger won't required any specialization for creating and maintainig blogs with the help of CSS, HTML, Javascript codes. They should know simple basic thing about how to add all these features to your blog. You no need work hard for this, BlogTariff alwasy a head in spcialization for educate its valuable readers in simple and easiest manner or methods.

How to Make HTML Tables for Blogger blogs

Create 1 rows and 3 columns Table simple HTMl code

<table border="1" bordercolor="#FFCC00" style="background-color:#FFFFCC" width="400" cellpadding="3" cellspacing="3">
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.blogtariff.com/2012/06/how-to-add-colorful-tables-to.html" target="_top">HTML Tables</a></p>

The above table code look like this

Table Cell

Table Cell

Table Cell

Customization:-

In the above table you've notice (High lighted) starting <tr> ending </tr> tags indicates row and starting <td> ending </td> indicates column
Change border="1", according to requirement of thickness can create tables border="0" directs without any border. (By using our HTML Editor)
You can change the width="400" with table to best match to content. (By using our HTML Editor)
You can replace border color ="#FFCC00 , background color = #FFFFCC with choice color by using our Clor Chart
You can change Cell spacing="3" as above (By using our HTML Editor)
You can change Cellpadding="3" as above (By using our HTML Editor)
All the above customization of table can be done by using our HTML Editor

Acknowledgment:-

If you enjoyed the above post let know your views and suggestions, we always appreciate your valuable views via comments.