The 6 Best Footer Designs For Blogger Template

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.