Cara Menambah Footer Widget 3 Kolom Di Blogger Part 2

1. Blogger >> Template >> Edit HTML >>
2. Simpan kode di bawah ini di atas kode ]]></b:skin>

#footer-wrapper{width:100%}
#footer-wrapper .left{float:left;width:34%}
#footer-wrapper .center{float:left;width:34%}
#footer-wrapper .right{float:right;width:32%}
/*=============== Start FOOTER 3 KOLOM ===============*/
#footer-wrapper{background:#242424;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZcZP7fxUrCCPgDAfKL-K6CHnAtKmMqZpmfIYOQlQpNCg8LHalVDwl9-XV0wQi8LLnWcbvXuFC93J4Rgqd09m1INeJbW5ER_sEdYadxFoS9gl8ELyrkA2B9_muH7FE3gaLWy_ikh2PhgVi/s1600/line.png);background-repeat:repeat-x;background-position:top center;overflow:hidden;margin:0 auto;padding:20px 15px 0;color:#dddddd;}
#footer-wrapper .left{float:left;width:34%}
#footer-wrapper .center{float:left;width:34%}
#footer-wrapper .right{float:right;width:32%}
#footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 15px 15px 0;clear:both}
#footer-wrapper .right .widget{margin:0 0 15px 0;clear:both}
#footer-wrapper h2{margin:0 0 10px 0;padding:0 0 5px;border-bottom:3px solid #555;text-transform:uppercase;position:relative;color:#eeeeee}
#footer-wrapper ul,#footer-wrapper ol{list-style:none;margin:0 0 0 0;padding:0 0 0 0}
#footer-wrapper li{margin:5px 0;padding:0 0 0 0}
#footer-wrapper a{color:#dddddd}
#footer-wrapper a:hover{color:#ffffff}
/*=============== End FOOTER 3 KOLOM ===============*/

3. Copy+Paste kode di bawah ini di atas kode Credit Blog

<footer id="footer-wrapper">
  <b:section class='left section' id='left' preferred='yes'>
    </b:section>
  <b:section class='center section' id='center' preferred='yes'>
    </b:section>
  <b:section class='right section' id='right' preferred='yes'>
    </b:section>
</footer>