Enhancing your website estate matters a lot in today's cyber-world. Today I will help you learn how to put a footer with three columns on your website which creates an extra bit of room in order to accommodate more widgets like the Twitter updates or Flickr photos.
Edit the code to your taste and there you have it, a footer with three columns. Feel free to get back to us with any ambiguities.
Here�s a demonstration on just how to do that on your Blogger account.
- Log into your blogger account at www.Blogger.com.
- From the pane select the blog you want to add the footer to. Check out the example below to see where you can find that.
- On your dashboard, select Template from the tabs on the left pane.
- Navigate to �Edit HTML�. At the Edit HTML Tab, press Ctrl + F and type /body to find the </body> tag.
- Delete any footer code.(We highly recommend creating backup of your code before proceeding further)
- Paste the following code right before the </body> tag.
<div id="Behlower"><div id="Behlower-wrapper"><div id="Behlowerbar-wrapper"><b:section class="Behlowerbar" id="Column 1" preferred="yes">WIDGET ONE GOES HERE.<br>.<br>.<br>.<br>.<br>.<br></b:section></div><div id="Behlowerbar-wrapper"><b:section class="Behlowerbar" id="Column 2" preferred="yes">WIDGET TWO GOES HERE.<br>.<br>.<br>.<br>.<br>.<br></b:section></div><div id="Behlowerbar-wrapper"><b:section class="Behlowerbar" id="Column 3" preferred="yes">WIDGET THREE GOES HERE.<br>.<br>.<br>.<br>.<br>.<br></b:section></div><div style="clear: both;"></div> </div><div id="Behfooter-wrapper"><div style="clear:both;"></div><!-- Bloggingehow Footer border Ends--></div></div>
More on BloggingeHow:
