Blogger: Instagram Feed for specific templates

Please note: this article is only for our Willow, Galvani, Kensington and Style & Light templates for Blogger/Blogspot.

Step 1 – Get your Access Token

You can install the main Instagram feed for your template by going to this page and logging in to your Instagram account. Now copy the Access Token number which is displayed.

Step 2 – Add the Access Token to your blog

Now go back to your blog’s dashboard, then go to the Layout section:

In the gadgets that are available, you should find one called “Instagram”. Click the “Edit” button in this gadget and a window should open:

Now paste the Access Token which you copied earlier into the box. So the window should look like the example below:

Click save, and you’re done!

Was this article helpful?

28 Comments

  1. Stacey Fell

    Hi Phil

    I have the Galvani template and my instagram feed below my post slider has stopped working. I’ve followed the steps above but it hasnt come back. Can I try something else? Blog is expatmakeupaddict.com

    1. Phil (pipdig)

      Hi Stacey, Instagram made some changes recently in light of the Facebook data breach. They now require a new access token and method of showing the images. We’ve added this to the latest version of the template, however if you’re using an older version you will need to update it before the widget will work again.

      If you go ahead and download the template from your email receipt, it will be the latest template files to install. Let me know if you need me to re-send the order to you.

  2. Alice

    Hi, I have the Galvani template and my main homepage instagram feed has stopped working. I’ve tried reinstalling my template and I made sure my access token was correct but it’s still not showing up on my home page.

    1. Phil (pipdig)

      Hi Alice, would you be able to send me the Access Token which is currently located within he options mentioned in this article? I’ll check if there are any issues with it.

  3. DG

    hi there! I have the “Galvani” theme downloaded for my blog, and I’d like to add the instagram feed on the bottom of my blog just like the demo. But I’m not sure how? The steps above worked for the Instafeed between my posts, but nothing for the bottom.

    Thanks,

  4. Alice

    I have just installed ‘The Grid’ on Blogger and managed to install the instagram feed to the bottom of my blog. Annoyingly, I accidentally added it twice and now there are two lots of instagram feeds on the footer of my page.

    I went to remove one of them, but for some reason the widget does not appear in the layout section of Blogger. How can I delete the duplicate? Anyone who knows how to find the where the code can be seen and how to delete it off the layout would be helping me out so much. Thanks, Alice

    1. Phil (pipdig)

      Hi Alice, the gadgets must be in your Layout somewhere. You may need to log off and back on again, then view the Layout page. The gadget title will be “Main Instagram Feed” if you used the “Add to Blogger” button to install it. If you need any more help removing it just let me know.

      1. Alice

        Hi Phil,
        That makes perfect sense and I just tried that out – But I realised the reason why I can’t see it to remove it, is because I deleted the title name and therefore it hides it in Layout. Also normally there is the tool edit key on the page to remove/edit things but when I hover over the Instagram feeds no tool icon appears.

        Is there any way around this issue? How can I find the code and wipe it off my blog and start again?

        Thanks, Alice

        1. Phil (pipdig)

          If the title has been removed from the gadget it will still appear in the Layout. However it will be listed as “HTML/Javascript” for the title. From what I can tell, it looks like the duplicate gadget you want to remove is directly above the “About Me” gadget.

          1. Alice

            Amazing! Thank you SO much. That has solved that problem. I now have to delete a duplicate of the social media links in my navigation bar. I cannot see a html item in that section. Any thoughts on how I can delete it from the toolbar? Thanks again for all your help. Alice x

            1. Phil (pipdig)

              If you copy the contents of this page into a new HTMl/Javascript gadget it will remove the icons from the navbar 🙂

  5. beverly

    Hi Phil,

    I am currently trying to install the instagram bar at the bottom of my template, but it’s not working and I am not sure on how to refresh the template to try again.

    could you help me with this please?

    1. Phil (pipdig)

      Hi Beverly, you can add the Instagram feed to the Kensington template via the steps above. If that’s not working, you can re-install the template any time by downloading it from your email receipt. It will also come with step by step instructions for installing it.

      1. beverly

        I have tried this a few times and it doesn’t seem to be working, is there anything else I could try?

        1. Phil (pipdig)

          You could try changing the User ID to the full access token. So instead of entering 899207069 into the gadget contents, you would add the full access token you can retrieve from http://www.pipdig.co/ig

    1. Phil (pipdig)

      Hi Kate, it looks like you’ve mixed up a few different versions of the Instagram feed there. Which feed would you like to display? Would you like to add one across the footer? If so, you can do that on this page.

  6. Ella

    I can’t seem to get this to work for me! I want to add an Instagram bar at the bottom of my blog like on the Holly & Weave preview, is this how I do it?

  7. Tanisha

    Hello!
    Im looking into purchasing the Fleur de Marseille blossom theme but was wondering if I could add an instagram slider bar at the bottom?
    Thanks in advance for any advice 🙂
    Tanisha

  8. Victoria

    I have done that a few times now and the Instagram gadget just appears on my blog page as the User ID number not the Instagram images themselves. I don’t know what to try to fix it. Any ideas? I’ve removed it for now, but it makes the template look clumsy as there is nothing between my posts slider and the first post which means the slider matches the image immediately below it every four rotations. The Instagram feed is one of the reasons I went for Galvani.

    1. Phil (pipdig)

      Hi Victoria, I think it might be best if you re-install the template. I’ve sent the latest version to your email address now. This will allow you to download a fresh copy of the template and installation guide. Let me know if that fixes it.

      1. Kim

        Hi Phil,

        I am having the same problem!
        Ive tried reinstalling the template but no luck… help?!

        1. Phil (pipdig)

          Hi Kim, I think you can fix the issue on your site by re-installing a fresh copy of the template. I’ve resent your order to you now so that you can download a new copy and upload this to your Blogger account.

          1. Kim

            Hi Phil,
            Re-tried downloading the new file, then going backup/restore on the theme and uploading the new version. Did all the steps of the instagram main feed tutorial and still it is just showing the user id number rather than the images. Could it be something on the Instagram not allowing it? Eg security reasons?

Leave a comment


The link to your website will be visible to support staff only and will not be shown publicly.
If you do not yet have a website, simply enter "none" in the box.