EMMA template: How to add footer social media links and Instagram widget

[Templatesyard]

How do I add the social media buttons and the Instagram feed with access token in the footer as displayed in the blog template preview?
The instructions in the documentation doesn’t seem to work.
FOR INSTAGRAM WIDGET: I got my access code and followed the instructions but it still has not worked
FOR FOOTER SOCIAL MEDIA: it tells me to edit ‘top social’ widget but there isn’t one! How can I get around this?

TEMPLATE: https://gooyaabitemplates.com/emma-blogger-template/
BLOG URL: http://www.channelmalia.com/ (or try http://www.cmalia.blogspot.com/

[my add]

Refresh your blog to see the Footer social media gadget.
Copy this code:

<a href='' target='_blank'>
<i class='fa fa-facebook'> </i>
<span>Facebook</span>
</a>
<a href='' target='_blank'>
<i class='fa fa-twitter'></i>
<span>Twitter</span>
</a>
<a href='' target='_blank'>
<i class='fa fa-instagram'></i>
<span>Instagram</span>
</a>
<a href='' target='_blank'>
<i class='fa fa-pinterest'></i>
<span>Pinterest</span>
</a>
<a href='' target='_blank'>
<i class='fa fa-heart'></i>
<span>Bloglovin</span>
</a>

Add your social media links where it says target

[my add]

As for the Instagram widget, use this code and just replace the user ID number with yours
and the access token number

<div id='instafeed'/>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 3541708255,
  limit:6,
  sortBy:'random',
accessToken: '3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
 });
 feed.run();
//]]>
</script></div>

[Author]

Posts