Modifying the Footer Template

This time I will share tricks on how to modify the footer in your template. Follow the steps ...:

1. Login to Blogger.
2. Click the Layout -> Edit HTML
3. Backup your template by clicking on Download Full Template so you can restore your template to its original state if the results are not satisfactory.
4. If so, find this code ]]></ b: skin>
5. Add the code below:
             # footer-column-divide {
             clear: both;
             }
             . footer-column {
             padding: 10px;
             }
above the code ]]></ b: skin>
6. If you are looking for the code below:
           <div id='footer-wrapper'>
           <b:section class='footer' id='footer'/>
           </ div>
7. Delete the code <b:section class='footer' id='footer'/> and replace with the code below:
          <div id='footer-column-divide'>


         <div id = 'footer1' style = 'width: 50%; 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: 50%; float: left;
         margin: 0; text-align: left; '>
         <b: section class = 'footer-column' id = 'col2'
         preferred = 'yes' style = 'float: left;' />
         </ div>


        <div style='clear:both;'/>
        </ div>
8. If you already click Save Template.
9. Then click Page Element.