• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Instagram BB Code Media Site 1.1

No permission to download

Digital Doctor

Well-known member
#2
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.
 

Chris D

XenForo developer
Staff member
#3
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 :)
 

Chris D

XenForo developer
Staff member
#5
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...
 

Digital Doctor

Well-known member
#7
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.
 

TeflonDon

Well-known member
#11
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.
 
#12
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>]]>
 
#16
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