The main advantages of three column footer blogger are
- It gives more space to your blog
- you can use it for some extra widgets, important notifications
- Normally people use it for adding author box, labels, Alexa rank and DMCA Copyrights box
/* ----- customizedlower SECTION By http://way2usefulinfo.blogspot.com/----- */
#customizedlower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#066d87;
}
#customizedlower-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 900px;
}
#customizedlowerbar-wrapper
border:1px solid #066d87;
background:#066d87;
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;
}
.customizedlowerbar {margin: 0; padding: 0;}
.customizedlowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.customizedlowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#ff00f6;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #f6dc04;
}
.customizedlowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.customizedlowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}
<div id='customizedlower'>
<div id='customizedlower-wrapper'>
<div id='customizedlowerbar-wrapper'>
<b:section class='customizedlowerbar' id='customizedlowerbar1' preferred='yes'>
</b:section>
</div>
<div id='customizedlowerbar-wrapper'>
<b:section class='customizedlowerbar' id='customizedlowerbar2' preferred='yes'>
</b:section>
</div>
<div id='customizedlowerbar-wrapper'>
<b:section class='customizedlowerbar' id='customizedlowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
11) Now Save the template, if it is successfully done your template will not shows any errors, if you done any wrong coding, it will show so may errors
12) After successfully saving your template, go to your Blogger " Layout " , you can view " Add Widgets " in the Footer bar on your Blogger Template Layout
13) Now you can add your favorite widgets there
Customization of the above codes
For changing the widget width change the width 900px to your choice
For changing the Background color change the background: #066d87 to your choice
For changing the width of column, just change the 32%
I think you have understood all the above steps, if you have any difficulty adding this widget in your blog, just add your problems in the comments ,i will give you the solution