add 3 column footer with extra 2 footers in BlogSpot website

On Blogging

To add this type of Footer, 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, keep looking for footer-wrap or something similar as sometimes this section may be called something else in some templates.

 

To Add a 3 Column Footer and 2 Extra Footers in Blogger, Replace all present code with the following code.

<div id='footer-columns'> <div id='footer-top' style='text-align: center;'> <b:section class='footer' id='col-top' preferred='yes'> </b:section> </div> <div style='clear:both;'/> <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;'/> <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>

Tawhidur Rahman Dear

Article Writer

IT Consultant, App Developer, Theme and PlugIn Developer, Full Stack Web Developer, SEO Expert, Security Adviser, IT Blogger