How to Make Footer Column at Blog

Maybe you are confuse when look the Other blog has a footer column and think how to make it. Now you will get it here. but before please learn about How to Make Highlight Text Area . In this post I will share you how to make 4 footer column. If you want increase or decrease the column it will be easy after you understood the step here. So let's begin now. 1. As usually go to your blogger dashboard first > page Layout > Edit HTML 2. Scroll down the template and find this code or please ctrl + f and type code below in the column find. 3. Now please copy the code below and paste before skin

#lower1 {<br />background: #f2f2f2;<br />width: 250px;<br />float: left;<br />margin:2px;<br />padding:5px 10px;<br />border-top: 1px solid #FFFFFF;<br />height:160px;<br />}<br /><br />#lower2 {<br />background: #f2f2f2;<br />width: 250px;<br />float: left;<br />margin:2px;<br />padding:5px 10px;<br />border-top: 1px solid #FFFFFF;<br />height: 160px;<br />}<br /><br />#lower3 {<br />background: #f2f2f2;<br />width: 90px;<br />float: left;<br />margin:2px;<br />padding:5px 10px;<br />border-top: 1px solid #FFFFFF;<br />height: 160px;<br />}<br /><br />#lower4 {<br />background: #f2f2f2;<br />width: 280px;<br />float: left;<br />margin:2px;<br />padding:5px 10px;<br />border-top: 1px solid #FFFFFF;<br />height: 160px;<br />}

'you can change width and height or color as you want'

See the picture below

4. Now please find the code

5. Paste the code below before that code

<div class="'clearfloat'" id="'lower'"><br /><div class="'clearfloat'" id="'lower1'"><br /><b:section class="'extra-bottom'" id="'extra-bottom1'" preferred="'yes'" showaddelement="'yes'"><br /><b:widget id="'HTML13'" locked="'false'" title="'Useful" type="'HTML'/"><br /></b:section><br /></div><br /><div class="'clearfloat'" id="'lower2'"><br /><b:section class="'extra-bottom'" id="'extra-bottom2'" preferred="'yes'" showaddelement="'yes'"><br /><b:widget id="'HTML12'" locked="'false'" title="''" type="'HTML'/"><br /></b:section><br /></div><br /><div class="'clearfloat'" id="'lower3'"><br /><b:section class="'extra-bottom'" id="'extra-bottom3'" preferred="'yes'" showaddelement="'yes'"><br /><b:widget id="'HTML4'" locked="'false'" title="''" type="'HTML'/"><br /></b:section><br /></div><br /><div class="'clearfloat'" id="'lower4'"><br /><b:section class="'extra-bottom'" id="'extra-bottom4'" preferred="'yes'" showaddelement="'yes'"><br /><b:widget id="'HTML14'" locked="'false'" title="''" type="'HTML'/"><br /></b:section><br /></div><br /></div>

see the picture below

6. Save the template

Congratulation now you have a new footer column.