How To add footer wrapper In Blogger - learn Latest Computer And Mobile Hacking Tricks

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



< div id='footer-wrapper'>
< b:section class='footer' id='footer'>

< /b:section>
< /div>


and Then ADD the below HTML code before </body>



< div id='footer-wrapper'>
< div id='footer1'>
< b:section class='footer1' id='footer1' preferred='yes'>

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

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

< /b:section>
< /div>
< /div> <!--End of Footer Wrapper-->