Add Custom styled tables too blogger blogs

insert adsense here!

Adding styled tables too blogger blogs that are customizable from your layouts tab is
a great way too make your blog look better, decrease your bounce rate and do something
nice for your readers.

First thing we need to do is head over too our blogs layout tab -> edit html. Then
we hit Ctrl+f and find

</b:skin>

We then add the lines

.displayTable
{
  border: 1px $dtborder; solid;
  background-color: $dtbgcolor;
}

.displayTable TD
{
  background-color: $tdbgcolor;
  padding: 0px 5px;
}

.displayTable TH
{
  font-weight: bold;
  background-color: $thbgcolor;
  padding: 0px 5px;
} 

Then we search up

 <b:skin> 

and add

 
<Variable name="dtborder" description="Table Border Color"
             type="color" default="#000" value="#ffffff">

<Variable name="dtbgcolor" description="Table Background Color"
             type="color" default="#000" value="#ffffff">

<Variable name="tdbgcolor" description="Table Cells Background Color"
             type="color" default="#000" value="#ffffff">

<Variable name="thbgcolor" description="Table Header Background Color"
             type="color" default="#000" value="#ffffff">

just below that