How to create a three column footer in blogger?

It is similar to three column template all we have to do is to remove & add some HTML & CSS code

Firstly we need to create a footer-wrapper just like outer-wrapper outside outer-wrapper.After doing it create three divs inside footer-wrapper and name it as footer1,footer2 and footer3 respectively

we need to share the width equally among three column footers ( footer1 , footer2 , footer 3)

footer-wrapper = footer1 + footer2 + footer3 + padding

670px = 220px + 220px + 220px + 5px or 10px

After sharing float the first two column footers to left and third one to right

Lets me show you how to create three column footer with the minima template

•Login to your dashboard

•Create a blog or select a existing blog, choose minima template

•Now goto Layout > EDIT HTML

•ADD & REMOVE few CSS and HTML codes


#footer {
margin:0 auto;
line-height: 1.6em;
text-align: center;

and ADD the below code before ]]></b:skin>

#footer-wrapper {
margin:0 auto;
width: 220px;

width: 220px;

width: 220px;



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


and ADD the below HTML code before </body>

<div id=’footer-wrapper’>
<div id=’footer1′>
<b:section class=’footer1′ id=’footer1′ preferred=’yes’>

<div id=’footer2′>
<b:section class=’footer2′ id=’footer2′ preferred=’yes’>

<div id=’footer3′>
<b:section class=’footer3′ id=’footer3′ preferred=’yes’>

</div> <!–End of Footer Wrapper–>

•Now save the template and enjoy the three column footer

•Check the demo @

Download Minima 3 column footer template

Share on Facebook


  1. Thanks for the post.


    Latest Tech Articles, News, Games, Computer Tips and Tricks, Gadgets, Templates, Notebooks, Laptop, Mobile, Software, Utilities, Vista, Web, Email Problems, Troubleshooting, Outlook, Exchange Server, Networking and many more…

  2. hi!
    thanks for the post, but I got this error message:
    Open quote is expected for attribute “{1}” associated with an element type “id”.
    Can you tell me how to solve it, please?

  3. @ Linna

    Can u tell me when did u get this error ?

  4. hi,

    i got the same problem with linna…
    this error appear everytime i PREVIEW the page.

  5. Hi mida ,
    Try replacing single quotes ( ‘ ) with double quotes ( ” )

    Example : change id=’footer’ to id=”footer”

    Hope it helps 🙂 .If it doesn’t come back again

  6. Hey man, thks for the tutorial.
    Unfortunetly, i got the same problem of Linna and Mida.
    I did it from the beggining sometimes and it keeps showing me that mensage when i try to preview it.
    The only things i have in my blog are a drop-down menu bar and a customized background. Could that be effecting it somehow?!
    Plz, help me to solve this, i really need a three column on my footer.
    The Mensage also says this here:

    “Its not possible to analyse your model, because your format is inadequate. Make sure that all the XML elements are adequately closed. Error mensage on XML: Open quote is expected for attribute “{1}” associated with an element type “id”.”

    Thanks again for any help you can give me!

Speak Your Mind