Resource icon

Instagram BB Code Media Site 1.1

No permission to download
WOW ! Demo ?

EDIT:
=== From Yorick's Resource Page ===
This is a BB Code Media Site which automatically converts an Instagram URL such as:

http://instagram.com/p/M3rzfqCIvX

or

http://instagr.am/p/M3rzfqCIvX

into a thumbnail of the image and a link to the image itself, for example:



Works just like any other BB Code Media Site such as YouTube, Vimeo, etc.

This add on does not require any files to be uploaded. Simply install as any normal add-on using the provided XML file.
 
There's an example URL in the add-on presentation.

I don't have it installed on my live sites so no demo unfortunately.

Give it a try, and let me know what you think :)
 
Ironically, I know next to nothing about Instagram.

Someone asked if doing this with single images was possible, and I found it was, and I found it was relatively straight forward so I knocked it up in about 10 minutes :p

I can look into galleries in the same way, I guess...
 
Yeah, I've just looked into it. I don't think Instagram has galleries, as such...
 
Simple would work.
(1) A re-nameable tab called Gallery or Instagram.
(2) The page consists of Instagram thumbnails (might need pagination if lots of thumbnails)

Even better (for Xenforo)(if possible) would be .. clicking the thumbnails, would direct you to a thread with a full size instagram image embedded in it. That way it keeps people in Xenforo ... allowing comments and likes ... etc.
 
Hi @Chris Deeming - is there a way this could work for Instagram vids as well?

It works for videos. You just have to click on them to play.

However I just changed my code to the following, which makes videos a little more intuitive.

Code:
<iframe src="//instagram.com/p/{$id}/embed/" width="612" height="710" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

This uses the provided embed code from instagram, which will now display a play button when the media is a video. It also now displays the instagram username and logo along the top, and the amount of likes/comments on the bottom.
 
It works for videos. You just have to click on them to play.

However I just changed my code to the following, which makes videos a little more intuitive.

Code:
<iframe src="//instagram.com/p/{$id}/embed/" width="612" height="710" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

This uses the provided embed code from instagram, which will now display a play button when the media is a video. It also now displays the instagram username and logo along the top, and the amount of likes/comments on the bottom.

Hi, I've opened the .xml in notepad++ , do I replace this code with yours?

Code:
<![CDATA[<a href="http://instagram.com/p/{$id}" target="_blank"><img src="http://instagram.com/p/{$id}/media/?size=t" /></a>]]>
 
Duh, was clicking in the installed add-ons ... CP home>BB Code & Smilies>BB Code Media Sites on the left :)
 
Last edited:
Try adding this:

Code:
https://instagram.com/p/{$id}
https://instagr.am/p/{$id}
https://instagram.com/p/{$id}/
https://instagr.am/p/{$id}/


Also not sure if its been noted before, but the ?size=l" can be changed to m or s to change the size on the image; large, medium or small.
 

Attachments

  • Capture.webp
    Capture.webp
    30.4 KB · Views: 20
Also, you have to use the "Add Media" button, see below:
 

Attachments

  • a.webp
    a.webp
    5.2 KB · Views: 16
  • b.webp
    b.webp
    10.2 KB · Views: 14
I haven't done any work on this for over 3 years, there are likely better options available ;)
 
Top Bottom