Add 3 Column Footer to Blogger

How to Add a 3 Column Footer to Blogger:

1. Log in to Blogger if not already logged in
   
   
2. Navigate to Layout > Page Elements
   
   
3. Move any existing widgets out of the footer section and place them in the sidebar temporarily and save changes
   
   
4. Navigate to Layout > Edit HTML
   
   
5. Back up your template as a precaution by downloading it to your computer
   
   
6. 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.
7. To Add a 3 Column Footer to Blogger
   Replace all the code located in Step 6 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;'/> </div>