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;
}
<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
Hopefully Successfully
Subscribe to:
Post Comments (Atom)
0 Responses to “How to Make the Footer 1 Become 2 (two) column”
Post a Comment