How to add three columns in blogger footer ! Style1

 How to add three columns in blogger footer ! Style1

Now add best hover effect three columns widget in your blogger blog footer this footer style sexy and great for your gadget , related links and many more so add this footer style widget in your blog now.

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template now.

* Find below giving code in your blog template now

* Now replace red line of above code with below giving code

* Now again find  ]] by CTRL+F key 

* Now  copy below code and paste before ]]

#footer-column-container h2 {
margin: 15px 0px 15px 0px;
padding: 0px;
text-align: left;
color: #dddddd;
font-size: 18px;
font-family: Arial,Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight:bold;
text-transform: none;
}
#footer-column-container li {
text-decoration: none;
list-style-type: none;
line-height: 32px;
margin-left: 0 !important;
padding: 0px 0px 0px 5px;
border-bottom: 1px solid #222;
border-top: 1px solid #444;
}
#footer-column-container li:hover {
background-color:#222;
}
#footer-column-container ul {
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0 10px 0 0;
padding: 0;
border-top: 1px solid #222;
border-bottom: 1px solid #444;
}
#footer-column-container{background-color:#333333;clear:both;color:#ffffff;font-size:14px;}
#footer-column-container a{color:#dddddd;font-size:14px;}
#footer-column-container a:hover{color:ffffff;font-size:14px}
#footer-column-container ul,#footer-column-container ul li{list-style:none}
.footer-column{padding:10px}

* NOw save your template you are done. if you any problem to adding this please comment i will solve ok.