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
  7. <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.
  8. To Add a 3 Column Footer to Blogger
    Replace all the code located in Step 6 with the following
  9. <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>

2 Comments:

Post a Comment

Please don't spam on here..