How to Fix Instagram widget (Instafeed) issue on Soratemplates templates
If you are using our Blogger Template and it has Instagram widget (Instafeed Version) Installed then you are at the right place. Today's tutorial is about How to Fix Instagram widget issue on Soratemplate's template, basically sometimes things doesn't work perfectly as you thought and in a result it all looks bad. So what if your template has Instagram widget installed but its not working, Don't worry we have a solution and will will teach you how to install that widget properly. The main reason behind the problem is access token sometimes user don't generate their own and in case of overload on the servers our code stops working. So,
Lets move further and see How to Fix Instagram widget issue on Soratemplate's template. You can check a live preview of that working script by clicking the button below.
Lets move further and see How to Fix Instagram widget issue on Soratemplate's template. You can check a live preview of that working script by clicking the button below.
- You Can Also Check: How To Fix The Image Resolution Issue of Popular Post Widget In Blogger
Adding the widget
Access your blog Layout > click Edit link on Instagram Widget.
Paste this Below code into it.
accessToken: ‘3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88′,
This – 3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88 is a access token ID.
Now you need to create you new one and replace with this.
1. you need access token for instagram widget to work
Go to this url-> http://instagram.pixelunion.net/
Login Via your instagram Account and Generate access token in a single click.
2. Once you get access token just replace with this access token with in a your code.
In above code you you will see a
After Generating the access token Copy the first part of that token and paste it to the User Id option of that widget.
2. Once you you are done save the widget by clicking save button.
Paste this Below code into it.
<div id='instafeed'/>In above code you you will see a
<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>
accessToken: ‘3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88′,
This – 3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88 is a access token ID.
Now you need to create you new one and replace with this.
- How to Create Instagram Access Token
1. you need access token for instagram widget to work
Go to this url-> http://instagram.pixelunion.net/
Login Via your instagram Account and Generate access token in a single click.
2. Once you get access token just replace with this access token with in a your code.
In above code you you will see a
- How to Create Instagram User Id
After Generating the access token Copy the first part of that token and paste it to the User Id option of that widget.
2. Once you you are done save the widget by clicking save button.
Conclusion
Congrats !! You have made it. now you have learned that How to Fix Instagram widget issue on Soratemplates templates. Visit your blog and check the widget live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome widgets please stay tuned with Us. Selamat Tinggal !! (Goodbye in Malay).
How to Fix Instagram widget (Instafeed) issue on Soratemplates templates
Reviewed by Sora Blogging Tips
on
January 14, 2017
Rating:
Still not working :(
ReplyDeleteThis is only for those templates which is made by us, if you are using our template please share your blog url.
DeleteMy site www.juliuschilala.com
DeleteRecent post doesn't work iam current using easy mag theme
https://anton-sensei.blogspot.co.id/
ReplyDeletenot working
Explain your problem briefly.
DeleteYes, I also faced the problem that this widget doesn't work. What can be an issue?
ReplyDeletefollow this tutorial.
DeleteSame problem... I followed this tutorial, but no picture is showing.... I used to use the widget on many other template and it would always appear.
ReplyDeleteYour blog url.
DeleteI did it but seem it not working. There is my blogspot's url: https://hahomefreedom.blogspot.com/
ReplyDeleteCan you help me?
Download the updated version of the template.
Deleteits working http://imavay.blogspot.in/
ReplyDeleteNot working even using your sora template design. the instafeed appeared to be blank
ReplyDeleteYour blog url.
DeleteFollowed the directions exactly. It's not working.
ReplyDelete1womaninwashington.blogspot.com
Blog not found?
DeleteHello. Thank you for this wonderful template.
ReplyDeleteI added the code as you suggested above, then I changed the token and user ID, exactly as you described, but it does not work for me. Your widget code works perfectly with the six circular image links. The moment I change the token and ID to my own it ceases to appear.
Could you tell me what I am doing wrong please?
Thanks.
John.
Share your blog url.
DeleteHello again.
ReplyDeleteI solved the problem. I didn't realise that Instagram had to be used on a mobile phone and the images linked from the blog are actual posts which I needed to make myself! All sorted.
Maybe this will help other people who have never used Instagram before.
Thanks and best regards.
John.
Thank you, finally it works XD
ReplyDeleteHello, about 2 weeks the widget worked fine, but now it does not work (the code did not change and did not touch anything). Is there any way to fix this?
ReplyDeletehttps://infantysportlight.blogspot.com
You may have to generate new token.
DeleteThank you so much for this! Worked perfectly!
ReplyDelete