Add A Three Column Footer To Your Blogger Blog

Today i’ll be showing you how to add a three column footer to your blogger blog, this design makes your blog look very beutiful any template i use i make sure i add a three colum footer because it beutfies my blog,

The below screenshot is what your blog footer should look like after you are done.

Add A Three Column To You Blogger Blog
* Go to blogger Dashboard:
* Go to template >> Edit html:
* Now Search For >> ]]>
* Now past the below code before ]]>

/* —– PBT LOWER SECTION —– */ #lower { margin:auto; padding: 0px 0px 10px 0px; width: 100%; background:#333434; } #lower-wrapper { margin:auto; padding: 20px 0px 20px 0px; width: 960px; } #lowerbar-wrapper{ border:1px solid #DEDEDE; background:#fff; float: left; margin: 0px 5px auto; padding-bottom: 20px; width: 32%;text-align: justify; font-size:100%; line-height: 1.6em; word-wrap: break-word; overflow: hidden; } .lowerbar {margin: 0; padding: 0;} .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;} .lowerbar h2 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 0px; text-align: left; color:#0084ce; text-transform:uppercase; font: bold 14px Arial, Tahoma, Verdana;border-bottom:3px solid #0084ce;} .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } .lowerbar li { margin: 0px 0px 2px 0px; padding: 0px 0px 1px 0px; border-bottom: 1px dotted #ccc; }

Now serach for this < / b o d y > code, place the below code imediately before < / b o d y >

</p> <div> <div> <div><b:section preferred='yes'></b:section></div> <div><b:section preferred='yes'></b:section></div> <div><b:section preferred='yes'></b:section></div> <div style='clear: both;'/></div> </p></div> <p>

Now save your template and you are good to go.
Don’t edit the css except you are good at css.