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