Create Three Column Footer in Blogger

Footer yup! Some of the Blogger templates don't come with a built-in footer so here is how you can add it yourself.

You can have a look at the demo of how it looks before trying it out yourself.

You can also download this free premium looking template from chethstudios.
Chethstudios Life - A Free Classy Blogger Template

As usual login into your Blogger Dashboard > Layout > Edit HTML and check the "Expand Widget Templates" option.

Important Step: Now as a precautionary measure please download your template so that you have an emergency backup if in case you create any errors :)

Firstly Locate </b:skin> and paste the following CSS before </b:skin>

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

Locate this code in your blogger template.

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

Now replace
<b:section class='footer' id='footer'/>
replace the whole line code by the codes below

<div id='footer-column-container'>

<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;'/>

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

You can make the footer more pretty if you have some knowledge of CSS and coding.

That's all, now preview your template and save if you have no errors. Thanks for reading how to Create Three Column Footer in Blogger. Do feel free to ask me if you have any questions. You can also get a free subscription to Chethstudios updates. We will be back with more useful content. Get latest hacks and updates on your email