How To Add Three columns to your Footer Section
1.Log in to your dashboard--> layout- -> Edit HTML 2.Click on "Expand Widget Templates" 3.Scroll down to where you see this:...
https://iskablogs.blogspot.com/2009/05/how-to-add-three-columns-to-your-footer.html
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<b:section class='footer' id='footer'/> </div> |
4.Replace the line <b:section class='footer' id='footer'/> of above code,with below code.
<div id='footer2' 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='footer3' 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='footer4' 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;'/> <p> <hr align='center' color='#5d5d54' width='90%'/></p> <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'> <b:section class='footer' id='col-bottom' preferred='yes'> <b:widget id='Text2' locked='false' title='' type='Text'/> </b:section> </div> <div style='clear:both;'/> </div> |
5.Now find the </b:skin> tag in your template.
6.Immediately before above line, add the below lines of code:
clear:both; } .footer-column { padding: 10px; } |
7.Click on "Save Templates" and refresh your site.
