How to Customize Blogger Footer columns ~ Blogger-Help.com

09 November 2011

How to Customize Blogger Footer columns

Wednesday, November 09, 2011 DrRaman 2 comments

You can customize your 3 column footer easily. You can change the fonts, link colors, background color, style, borders headings etc.

ADDING BORDERS

To add the border just alter the CSS style as follows

#footer-columns {
border-top:1px dotted #a1a1a1;
clear:both;
margin:0 auto;
}

ADDING A BACKGROUND

#footer-columns {
background:#c2c2c2;
clear:both;
margin:0 auto;
}

CHANGING THE HEADINGS
In your template look for #footer-columns {
You will get following similar code

#footer-columns {
border-top:1px dotted #999999;
clear:both;
margin:0 auto;
}

Now add following code just BELOW of above code as follows

#footer-columns {
border-top:1px dotted #999999;
clear:both;
margin:0 auto;
}

#footer-columns h2 {
margin:5px 0 5px;
font-family:arial;
font-size:13px;
font-weight:normal;
line-height: 1.4em;
text-transform:none;
letter-spacing:.1em;
color:#000000;
}