How To Add 4 extra columns to footer in Blogger

You can add more and more extra columns to your blog. Now here i am describing you to how to add 4 more columns to your blog's footer. You can add text gadgets and HTML widgets. How ever these gadgets boxes may not appear similar to your excisting gadgets.They may appear like this.





1. Edit your Template
2.Untick the "Expand widgets" tick box if you had ticked it.
3. Now find out


<b:section class='footer' id='footer'/> press 'Ctrl' + F to open your browser's search box)


Now paste following code lines by Replacing the line 

<b:section class='footer' id='footer'/>



<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text100' locked='false' title='Your gadget's Caption here 1' type='Text'/>

</b:section>
</div>

<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='HTML100' locked='false' title='
Your gadget's Caption here 2' type='HTML'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text300' locked='false' title='
Your gadget's Caption here 3' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='HTML200' locked='false' title='
Your gadget's Caption here 4' type='HTML'/>
</b:section>
</div>


<div style='clear:both;'/>
</div> 



CONFIGURATION :-

TEXT stands for Text gadgets
HTML stands for HTML gadgets


Now follow the Safety Saving Steps.

And 
Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Blogger Templates - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger