add 3 column footer with extra 2 footer in BlogSpot website

On BlogSpot

Find the following section in your Blogger template

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

If you are having difficulty finding this section trying searching for footer-wrap or something similar as sometimes this section is called something else in some templates.

 

To Add a 3 Column Footer and a extra  footer in Blogger, Replace all the code located here with the following

<div id='footer-columns'> <div id='footer1' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 40%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 30%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> <p/> <div id='footer-bottom' style='text-align: center;'> <b:section class='footer' id='col-bottom' preferred='yes'> </b:section> </div> <div style='clear:both;'/> </div>