Friday, September 15, 2017

By this useful Article I guide you that how to add Table to Blogger Blog. This Blogger tutorial exercise to disclose how to put a table into a Blogger post. You will figure out how to make tables in Blogger extending from a straightforward table to a more intricate table with exchanging hues. I describe with a fundamental steps of table and step by step CSS styling to the table to enhance the look and usefulness until the point that I have assembled the table envisioned specifically underneath. No learning of CSS and HTML is expected so this Blogger tutorial is to disclose reasonable for outright blogging fledglings.This tutorial is very useful like other tutorials. 
How to Add Stylish Table with Caption to Blogger Post
Share on Facebook Tweet Share on Google+ Pin it

First I figure out how to add a basic table to Blogger. I will begin with a table with 3 sections and 4 columns including a header push. At that point I will demonstrate to you well ordered industry standards to add diverse highlights to the table including how to include additional lines, a foundation shading to the header, an outskirt and caption.

Table Header Table Header Table Header
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell

Now copy the following code and add the basic code of table to your blogger blog.


Now if you want to energize your Blogger table by adding exchanging shaded lines to enhance readability and appearance. By a long shot the simplest approach to do this is to dole out a class, add the following stylish table, I have changed shades in the heading lines.

Table Header Table Header Table Header
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell

Now copy the following code and add to your blogger for above stylish table.


Now it is likewise simple to add a subtitle or Caption to your Blogger table. For an inscription over the table essentially include the subtitle or caption line as appeared on the table. For a subtitle or caption the table include the inscription line as style as appeared.

A Blogger Table Caption
Table Header Table Header Table Header
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell

Now add the following code to your blogger blog table to add table with caption.



Note: Now change colors and borders of the above table as per your choice, see the following:


  • background-color: #eeeecc;
  • border="2" bordercolor="#ffc0cb"
  • cellpadding="3"
  • cellspacing="3"
  • padding-bottom: 4px;
As per your requirement for example you are working in table and you want to change the width of the table cell separately see the following:


  •      <tr>
  •       <td width="10%"></td>
  •       <td width="40%"></td>
  •       <td width="20%"></td>
  •       <td width="30%"></td>
  •      </tr>

Contact Form

Name

Email *

Message *

Home     About Us     Contact Us     Privacy Policy     Disclaimer     Sitemap    

                                  Copyright ©2014-2017. Media Music Mania - All Rights Reserved.