Saturday, September 02, 2017

How to: Add Instagram Widget on your Blog


Hello Bello, everybody! How are you all doing? How's your day? I hope that everything is fabulous. So, today I thought I'd post about how to add Instagram widget on your blog, mainly because I struggled figuring it out & I don't want any of you to struggle. So, let's get started:

Each and every one of us will have a different token ID - All you have to do is to copy it. It will a mixture of numbers & letters. → SOMETHING1.SOMETHING2.SOMETHING3


  • Go to your blog then choose "Layout" and click on "Add a Gadget" then choose "HTML/JavaScript" 
Copy and paste the code below: 

<div id='instafeed'/>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
get: 'user',
userId: THE FIRST PART OF YOUR TOKEN ID 'SOMETHING1',
limit:6,
sortBy:'random',
accessToken: 'YOUR TOKEN ID',
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>


  • Replace 'THE FIRST PART OF YOUR TOKEN ID 'SOMETHING1'' & 'YOUR TOKEN ID'.

And that's it! If you have any question, please let me know & if you tried it & it worked, please let me know! I really hope this was helpful! XO 


No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...