Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #22551

    malia
    Participant

    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/

    #22554

    LindyLou
    Participant

    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

    #22555

    LindyLou
    Participant

    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>
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.