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

Unmaintained Instagram BB Code Media Site 1.1

Automatically converts Instagram URLs into a thumbnail with a URL to full Instagram page

  1. Chris D

    Chris D XenForo Developer Staff Member

    Yorick submitted a new resource:

    Instagram BB Code Media Site (version 1.1) - Automatically converts Instagram URLs into a thumbnail with a URL to full Instagram page

    Read more about this resource...
     
    Digital Doctor likes this.
  2. Digital Doctor

    Digital Doctor Well-Known Member

    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:

    [​IMG]

    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.
     
  3. Chris D

    Chris D XenForo Developer Staff Member

    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 :)
     
  4. Digital Doctor

    Digital Doctor Well-Known Member

    Is there such a thing as an instagram gallery ?
     
  5. Chris D

    Chris D XenForo Developer Staff Member

    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...
     
  6. Chris D

    Chris D XenForo Developer Staff Member

    Yeah, I've just looked into it. I don't think Instagram has galleries, as such...
     
  7. Digital Doctor

    Digital Doctor Well-Known Member

    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.
     
  8. Digital Doctor

    Digital Doctor Well-Known Member

    They have image feeds.
    I don't know if the feeds are leechable.
     
  9. MOZ

    MOZ Well-Known Member

    Nice work!
     
  10. tommydamic68

    tommydamic68 Well-Known Member

    Hi @Chris Deeming - is there a way this could work for Instagram vids as well?
     
  11. TeflonDon

    TeflonDon Well-Known Member

    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.
     
    Kevin likes this.
  12. 19ninety

    19ninety Member

    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>]]>
     
  13. Chris D

    Chris D XenForo Developer Staff Member

    Install the add-on and change the code from within the Admin CP > BB Code Media Sites page...
     
    TeflonDon likes this.
  14. 19ninety

    19ninety Member

    Duh, was clicking in the installed add-ons ... CP home>BB Code & Smilies>BB Code Media Sites on the left :)
     
    Last edited: Jun 7, 2014
  15. Michael Murguia

    Michael Murguia Active Member

    Hey there,

    I followed the instructions, but IG urls are inserting as links. Must be user error. Help?

    Thanks in advance!
     
  16. 19ninety

    19ninety Member

    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.
     

    Attached Files:

  17. 19ninety

    19ninety Member

    Also, you have to use the "Add Media" button, see below:
     

    Attached Files:

    • a.JPG
      a.JPG
      File size:
      17.9 KB
      Views:
      7
    • b.JPG
      b.JPG
      File size:
      26.7 KB
      Views:
      7
  18. tommydamic68

    tommydamic68 Well-Known Member

    just use this - s9e Media BBCodes pack
     
  19. Chris D

    Chris D XenForo Developer Staff Member

    I haven't done any work on this for over 3 years, there are likely better options available ;)
     

Share This Page