How To add footer wrapper In Blogger

Lets me show you how to create three column footer with the minima template


•Login to your dashboard


•Create a blog or select a existing blog, choose minima template


•Now goto Layout > EDIT HTML
Remove

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}


and ADD the below code before ]]>


#footer-wrapper {
width:670px;
margin:0 auto;
padding:5px;
}
#footer1{
width: 220px;
float:left;

}
#footer2{
width: 220px;
float:left;

}
#footer3{
width: 220px;
float:right;

}


Now you have to Remove



< id="'footer-wrapper'">
< class="'footer'" id="'footer'">

< /b:section>
< /div>


and Then ADD the below HTML code before



< id="'footer-wrapper'">
< id="'footer1'">
< class="'footer1'" id="'footer1'" preferred="'yes'">

< /b:section>
< /div>
< id="'footer2'">
< class="'footer2'" id="'footer2'" preferred="'yes'">

< /b:section>
< /div>
< id="'footer3'">
< class="'footer3'" id="'footer3'" preferred="'yes'">

< /b:section>
< /div>
< /div>

Posted in: Blogger, Tutorials