Upgrades for Blogger Themes Contempo, Notable, Emporio, Soho

Hi guys! This little section will help you to improve your default Blogger Themes: Contempo, Soho, Notable, Emporio, and Essential.

How to add Footer Menu

In this short lesson, I'll show you how to add a Footer bar to your themes. This footer bar includes copyright, current year, main title, and links.

To add this menu to your blog use the following CCS Code:

CSS    footerbar{
    clear: both;
    background: #333;
    margin: auto;
    padding: 20px;
    color: #fff;
    font-size: 14px;
    display: block;
    overflow: hidden;
    position: relative;
    text-align:center;  
      }
    footerbar .fa {
    margin: 0px 10px;
    color:#fff;  
}
    footerbar a {color:#ffe318!important}

And now find closing tag /body and paste before it this HTML:

HTML<footerbar>
Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> | <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> |   
<a  href="#" rel="nofollow noopener" target="_blank" title="Follow Our Facebook"><i class="fa fa-facebook"></i></a>
<a  href="#" rel="nofollow noopener" target="_blank" title="Follow Our Youtube"><i class="fa fa-youtube"></i></a>
<a  href="#" rel="nofollow noopener" target="_blank" title="Follow Our Instagram"><i class="fa fa-instagram"></i></a>
<a  href="#" rel="nofollow noopener" target="_blank" title="Subscribe to Our RSS"><i class="fa fa-rss"></i></a>  
|
<a  href="#"> Sitemap</a>
- 
<a  href="#"> Contact us</a>   
|  
</footerbar>

Save new settings and check the result. 

Video Instruction

Congrats our first lesson completely finished.