javascript - Getting Instagram feed to my website -


i wondering how instagram feeds on website. have tried if include embed code, working specific feed only. here need is; feeds of instagram website instead of specific feed. code tried lies here

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#fff; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#f8f8f8; line-height:0; margin-top:40px; padding:50.0% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,ivborw0kggoaaaansuheugaaacwaaaascamaaaapwqozaaaabgdbtueaalgpc/xhbqaaaafzukdcak7ohokaaaamuexurczmzpf399fx1+bm5mzy9amaaadisurbvdjlvzxbesmgces5/p8/t9furvcrmu73jwlzosgsiizurcjo/ad+eqjjb4hv8bft+idpqocx1wjosbfhh2xssxeiyn3uli/6mnree07uiwjev8ueowds88ly97kqytlijkktuybbruayvh5wohixmpi5we58ek028czwyuqdlkpg1bkb4nnm+veanfhqn1k4+gpt6ugqcvu2h2ovuif/gwufyy8owepdyzsa3avcqpvovvzzz2vtnn2wu8qzvjddeto90gsy9mvlqtgysy231mxry6i2ggqjrty0l8fxcxfcbbhwrsyyaaaaaelftksuqmcc); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/bguba_uybcl/" style=" color:#000; font-family:arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">it&#39;s national #gardening #exercise day! yes, seriously. moving , pick class #organic #compost #rirrc! #gardener #gardenlove #gardenlife #bloom</a></p> <p style=" color:#c9c8cd; font-family:arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">a photo posted rhode island resource recovery (@rirrc) on <time style=" font-family:arial,sans-serif; font-size:14px; line-height:17px;" datetime="2016-06-06t16:05:29+00:00">jun 6, 2016 @ 9:05am pdt</time></p></div></blockquote> 

can 1 suggest me how achieve this?

first thing is, trying embed single post not complete feed. there number of plugins instafeedjs.com feed on website. if looking custom code embed instagram feed on website here steps need follow. can go through post detailed steps. - embedding instagram feed in website

1. access token instagram developer site: logon instagram developer network , register new client. once done receive client id , client secret. use these 2 , access token.

2. call instagram api using access token recent feed: testing can try url access token in browser , check response. later can make call of server side scripting language making simple http request.

source: - steps embed instagram feed in website


Comments

Popular posts from this blog

sequelize.js - Sequelize group by with association includes id -

android - Robolectric "INTERNET permission is required" -

java - Android raising EPERM (Operation not permitted) when attempting to send UDP packet after network connection -