How do you to Customized Three Column Footer Widget In your Blogger?

1.    Go To Blogger > Layout > Edit HTML

2.    Back Up your template

3.    Search for ]]></b:skin>

4.    Just before ]]></b:skin> paste this CSS code,

/* -----   LOWER SECTION   ----- */ 

#lower { 

       margin:auto; 

       padding: 0px 0px 10px 0px; 

       width: 100%; 

       background:#333434; 

}  

#lower-wrapper { 

       margin:auto; 

       padding: 20px 0px 20px 0px; 

       width: 960px; 

}

#lowerbar-wrapper { 

     border:1px solid #DEDEDE; 

       background:#fff;  

       float: left; 

       margin: 0px 5px auto; 

       padding-bottom: 20px; 

       width: 32%;  

       text-align: justify; 

       font-size:100%; 

       line-height: 1.6em; 

       word-wrap: break-word;  

       overflow: hidden; 

}

       .lowerbar {margin: 0; padding: 0;} 

       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.lowerbar h2 { 

      margin: 0px 0px 10px 0px; 

       padding: 3px 0px 3px 0px; 

       text-align: left; 

       color:#0084ce; 

        text-transform:uppercase; 

      font: bold 14px Arial, Tahoma, Verdana; 

       border-bottom:3px solid #0084ce;  

}

.lowerbar ul { 

      margin: 0px 0px 0px 0px; 

      padding: 0px 0px 0px 0px; 

      list-style-type: none; 

}

.lowerbar li { 

      margin: 0px 0px 2px 0px; 

      padding: 0px 0px 1px 0px; 

      border-bottom: 1px dotted #ccc;  

}

5.   Now Search For </body> and just above this code paste the code below,

6.  Save your template. done!

Now visit the page Layout > Page Elements and start adding widgets! :>>

That?s All!

A tutorial on Four Column Footer widget will be posted soon. Till then keep playing with this one :> Do let me know if you needed help. Your questions are more than an honor!

Md Zubair Ahmed