09 November 2011

How to Customize Blogger Footer columns

Advertisements

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

CHANGING THE TEXT COLOR 

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

Related Posts

2 comments

January 26, 2012 at 5:42 AM

how to post the post-footer, some lines which appear after each post

January 26, 2012 at 11:20 PM

go to edit HTML and search for post-footer
And paste lines below it.

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More