![]() I have a working demo of my application using your core code here. Is there code that can be added/adjusted to produce this? The reason I’m asking… I have an adjustable image grid application I created that is designed to allow portrait/landscape images to live together. Currently, all images regardless of their orientation are being produced in the square format (adding white space above/below or left/right based on the orientation). if they are portrait, show portrait and if they are landscape, show landscape). Unlike Teddy Georgia Waggy issue, I’d like to have the images render in their native format (i.e. Finally an Instragram feed project that does not require you to jump through all the API hoops just to show my feed ! I do have a question, All of the images being called up are being formatted in a square format. Mike, thanks for your efforts with this project. Thank you for learning from CodeOfaNinja! I hope you learned how to add, embed, or display Instagram feed on your website using PHP. Example Instagram feed #1 Example Instagram feed #2 Thank you! Your Instagram feed using SociableKIT can look like the following. Using SociableKIT, you can also display Instagram reels, Instagram hashtag feed, Instagram stories, and more on your website. Paste the embed code where you want the Instagram feed to appear. Create a new page or edit an existing page on your website. On the upper right, click the “Embed on website” button. It will show the customization options like layouts, colors, and more. Select “Instagram feed” on the drop-down. You will be logged in automatically after you enter your email address. To display your Instagram feed using a website plugin, follow the steps below. You can use its free plan if you do not need the premium features. Follow this tutorial: embed your Instagram feed on your website. You can use website plugins like SociableKIT. If you do not want to code, use a “no-code” approach. Display Instagram feed using a website plugin Width:100% margin:0 auto font-family:Arial, Helvetica, sans-serif īorder: 2px solid #f1f1f1 margin-bottom:25px margin-left:3% width:20% height:550px float:left Here’s the CSS code I used with the code above. Use our CSS code to make the display look good Your browser does not support the video tag. ![]() The code below will allow you to display the list of posts Once you get your long-lived access token, use it as the value of the $token variable below. Use our PHP code to display your Instagram feed Learn how to get a valid long-lived access token here. If you get your long-lived access token, it will be valid for 60 days. By default, Instagram API will give you a short-lived access token that is valid only for 24 hours. Instagram’s documentation is good enough, and I don’t want to repeat the exact same instructions here. Configure Instagram’s basic display API.Then, you also need to create a Facebook application here. Create your Facebook developer account here. You will use this token on our PHP code later. The long-lived access token is like a key that you will use to retrieve your Instagram photos and videos programmatically. Use our CSS code to make the display look good.Use our PHP code to display your Instagram feed.Here are the steps to display the Instagram feed on a website using PHP. 2 Display Instagram feed using a website pluginĭisplay Instagram feed on website using PHP.1.3 Use our CSS code to make the display look good.1.2 Use our PHP code to display your Instagram feed.1.1 Retrieve your long-lived access token.1 Display Instagram feed on website using PHP.In the past I used this code, but it doesn't work anymore: Įcho'images->standard_resolution->url.'">images->standard_resolution->url.'">' Įcho'images->standard_resolution->url.'">images->low_resolution->url. But how do I control the size of each picture, and control whether it's in low-resolution or standard resolution? I'm using Instafeed.js ( ) to collect images from Instagram and show them on my website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |