Upgrades for Blogger Themes Contempo, Notable, Emporio, Soho

Upgrades for Blogger Themes Contempo, Notable, Emporio, Soho

August 28, 2022
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

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:
    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:
<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.

Share by this in: