How to Make Footer 2 Column Blog

Footer is widget columns are usually located at the bottom on the blog, and of course, my friend could fill it with various widgets that my friend wanted. This time I will give you a tutorial how to make and install footer 2 (two) column with a blog can be a direct function of the Add Gadget or Add Gadget without having to bother to create or add more columns. Because my friend can directly add gadget widget above or below the column buddy want.

 For more details, my friend could see example image below in the screenshot below.

 Description of the picture above is a view that looks at the layout of the blog already installed footer 2 (two) columns. See pictures that I love red circle. So it is very easy to add a gadget, because my friend just click add gadget or add any gadget if you want to fill it with widgets blog buddy want.

 For how to create and install footer 2 (two) columns in the blog, it is very easy. Please pal follow the steps as follows:

1. Please pal >> Log in or Sign in to Blogger.com using pal account.
2. On the Dashboard, select Menu Template
3. Before pal click Edit HTML, It's good pal Download the complete template, in order to guard if there was an error when Edit HTML and my friend can restore the template as before. I click >> Backup / Restore (button located at the upper right) >> Download the complete template. If you've downloaded, please click on the lid or close  
4. Now we goto Edit HTML. Please pal click >> Edit HTML
5. If so, please mate find the code ]]> </ b: skin> (Use CTRL + F to facilitate the search) 
6. Then add all of the above or the following code before the code ]]> </ b: skin> - 

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
} 

    7. The next step, pal locate the following code below. (Use CTRL + F back to speed up the search).       Find one code only.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

Or

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div> 

If you've met, and then add the following code below pal or after the code <b: section class = 'footer' id = 'footer' showaddelement = 'yes' /> or <b: section class = 'footer' id = 'footer' / >

<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>

Note:
If the template my friend use no code <b: section class = 'footer' id = 'footer' showaddelement = 'yes' /> then just add its code under or after the code <div id = "footer">

9. Before pal click Save, it helps first click >> Preview or Preview. If there is no error in the template of your blog, the last step please mate click >> Save Template.