February 28, 2011

How to Make the Footer 1 Become 2 (two) column

  • Login to Blogger
  • Select Design and Edit HTML.
  • After that you find this code ]]></ b: skin>
  • Add the following code right above the code of ]]></ b: skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

  • Start again looking for this code
<b:section class='footer1' id='footer1' showaddelement='yes'>
  • Once you find the code that then replace with this code
<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>

  • Save Templates
Done, now see the result.
Hopefully Successfully

0 Responses to “How to Make the Footer 1 Become 2 (two) column”

Post a Comment

Prizegod.com

My Headlines

Back To Top