The 6 Best Footer Designs For Blogger Template
Many of us are interested in designing their blogger template on their own. So, we design everything in template like the navigation menu bar, layouts, post title, headers, favicons and other many more things. But, we are less bothered about the footer designs. Note that the footer is also an important part of your blog when it comes to showcasing a good and beautiful blogger template. In this blogger tutorial we will see different styles of footer for designing blogs. The following styles will make your blog look pretty. Add the following CSS codes in your blogger template.
Backup your blogger template before doing changes.
STEP 1 : Copy any of the following CSS code and insert it in the blogger template.
STYLE : 1
 |
| FOOTER STYLE 01 |
footer {
display: block;
background-color: #0000;
color:Black;
border-top: 3px solid #ff0000;
border-bottom: 3px solid #ff0000;
}
STYLE : 2
 |
| FOOTER STYLE 02 |
footer {
display: block;
background-color: #000;
color: #5dff4f;
border-top: 3px solid #5dff4f;
border-bottom: 3px solid #5dff4f;
}
STYLE : 3
 |
| FOOTER STYLE 03 |
footer {
display: block;
background-color: #ff7373;
color: Black;
border-top: 3px solid #ff0040;
border-bottom: 3px solid #ff0040;
}
STYLE : 4
 |
| FOOTER STYLE 04 |
footer {
display: block;
background-color: #181212;
color: #ff0040;
border-top: 3px solid #ff0040;
border-bottom: 3px solid #ff0040;
}
STYLE : 5
 |
| FOOTER STYLE 05 |
footer {
display: block;
background-color: #ffe76c;
color:Black;
border-top: 3px solid #ffe355;
border-bottom: 3px solid #ffe355;
}
STYLE : 6
 |
| FOOTER STYLE 06 |
footer {
display: block;
background-color: Black;
color:#ff0000;
border-top: 3px solid #ff0000;
border-bottom: 3px solid #ff0000;
}
STEP 2 : Find ]]></b:skin> in your blogger template.
STEP 3 : Add the above CSS code style just above ]]></b:skin> tag of blogger template.
STEP 4 : Save the template. That's it ! Enjoy :)
CUSTOMIZATION :
Now you can see a new footer design for your blog. You can change the background color and border colors according to your blogger template.
