Welcome Guest [Log In] [Register]



Hello, soap fans -- and welcome to Daytime Royalty!

For those unfamiliar, we are an uncensored community for fans and lovers of the daytime genre. We have a no-holds-barred atmosphere in regards to the shows, writers, actors etc. but we do not allow member bashing in any form.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.

Join our community!

If you're already a member, please log in to your account to access all of our features.

Username:   Password:
Add Reply
How to post an image from an instagram; step-by-step guide
Topic Started: Apr 23 2015, 11:32 AM (326 Views)
nananana7
Member Avatar


How to post instagram pics ... A step-by-step guide.

This is from a PC.
(I don't know how to post from a phone).


For a quickie version of these directions,
go directly to post #6 in this thread to see an example.



Below are detailed directions for each step, for those who want/need them.

-----------------------------------------
-----------------------------------------


STEP ONE

First, go to the instagram link and look at the URL in your web browser.

If it says "portal" at the end, delete that word at the end.

If it says "TakenByUsername" at the end, delete that at the end.

What you want is the minimal URL for that instagram link.

It should look like:
Code:
 
https://instagram.com/p/NumbersAndLettersAndSymbols/


For example:
Start with
Code:
 
https://instagram.com/p/1TojvFJ-xd/?taken-by=marybeth.evans

Edit that -- to make it into this:
https://instagram.com/p/1TojvFJ-xd/

Every instagram's image comes in two sizes (although it shows only one size within instagram).

Now decide how you want to post this image on the forum.

If it's a basic photo or a blurry image, maybe you wan the smaller version.

If it's a beautiful/interesting image, or has spoilery background details, maybe you want the larger version.

Once you've decided on which of the two sizes,
proceed to step 2A or 2B, to find the URL of the image itself.
Edited by nananana7, Apr 24 2015, 07:03 PM.
Offline Profile Quote Post Goto Top
 
nananana7
Member Avatar


STEP TWO -- part A --
how to find the smaller version of the picture
:

First get the raw minimalized URL of the instagram post, as described in step one.

Now add the word "media" to the end of that raw URL, and click ENTER.

You'll see the smaller image by itself in your browser

For example:
https://instagram.com/p/1TojvFJ-xd/

change to
https://instagram.com/p/1TojvFJ-xd/media

NOW hit the ENTER key on that new URL and you get this:
https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/s306x306/e15/11098293_1432494987051388_790462196_n.jpg

But wait. there's more.
That's the SMALL size of the pic .... but there's more you need before you can post.
Go to step three.

(The next post is for finding the LARGE version of the pic.
The post after that is Step Three.)
Edited by nananana7, Apr 24 2015, 07:04 PM.
Offline Profile Quote Post Goto Top
 
nananana7
Member Avatar


STEP TWO -- part B
-- how to find the LARGE version of the picture:


First, get the raw minimalized URL of the instagram post, as described in step one.


In Chrome or Internet Explorer or Firefox

Rightclick and select "Inspect Element".

Notice two separate sections of the "inspect element" menu.

Look at the right side of the page for the background image:

Posted Image


In Internet Explorer,
highlight it, copy it, and paste into a separate tab of your browser,

but note that -- in I.E., it will look like this:
Code:
 
url([url]https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/11098293_1432494987051388_790462196_n.jpg[/url])

But you want ONLY the part *inside* the parentheses which is this:
Code:
 
https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/11098293_1432494987051388_790462196_n.jpg


In Chrome,
Just click on that URL for the background image -- and then close the "inspect element" box.

In Firefox,
Just click on that that URL for the background image, and it will open a new tab (maybe further to the right) with that image.


Shortcut to background image in Firefox only:

Rightclick on the image itself within the instagram post.
Look for the dropdown menu that says:
. . Share This Page
. . Save Page As
. . View Background Image
. . Select All
. . View Page Source
. . View Page Info
. . Inspect Element
(Sometimes you have to tap the rightclick more than once,
in order to see particular this dropdown menu).
Make sure you're rightclicking in the middle of the photo, and not in the margin.

When you've got this menu, select "View Background Image".

And ta-da, the LARGE version of the photo appears all by itself in your browser.

----------

For example:
https://instagram.com/p/1TojvFJ-xd/

Finding the background image, and getting it to appear in your browser,
the new URL of that will be
https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/11098293_1432494987051388_790462196_n.jpg

But wait. there's more.
That's the LARGE size of the pic .... but there's more you need before you can post.
Go to step three.
Edited by nananana7, Apr 23 2015, 02:18 PM.
Offline Profile Quote Post Goto Top
 
nananana7
Member Avatar


Step THREE:

Take whichever size pic you want, and post that image's URL into your forum post,
within the image tags.

Posted Image

Posted Image

NOTE: this is the URL of the IMAGE
(not the URL of the instagram post)
Edited by nananana7, Apr 26 2015, 02:22 PM.
Offline Profile Quote Post Goto Top
 
nananana7
Member Avatar


Wait ... there's more ...

STEP FOUR: Author and Caption

If this photo goes with a TWEET, then embed the tweet (see the other thread on how to embed tweets).
And then post the image right underneath the tweet.

BUT,
if the author of the instagram has a LONG caption (Text) with their image, then some of it will be truncated (cut off) from the tweet.
If that happens then copy/paste the full instagram caption/text into your post.

If this instagram didn't come with a tweet, then...
You need to show where the instagram originated
The URL of the instagram post
(*https://instagram.com/p/NumbersLettersEtc)

You need to post the name of the person who made the instagram,

and also copy paste the text (image caption) that the instagrammer used to describe his/her photo.

For example:
https://instagram.com/p/1TojvFJ-xd/

marybeth.evans
#fbf ..,Cake. Let me at it!
#days50th #daysfamily #6683showsago

Here is your sequence:

Instagram URL

Name of person who created the instagram (and if they have an odd username, then put both their username and their real name).

Then the actual image's URL, inside image tags.

And then POST.
Edited by nananana7, Apr 24 2015, 09:16 AM.
Offline Profile Quote Post Goto Top
 
nananana7
Member Avatar


EXAMPLE:

STEP ONE:
https://instagram.com/p/1TojvFJ-xd/?taken-by=marybeth.evans

Change to raw url of instagram post:
https://instagram.com/p/1TojvFJ-xd/

Decide if you want a small/medium sized pic,
or a larger pic,
and then go to step 2A or step 2B, accordingly.

------------------ ------------------

STEP 2A (smaller):
https://instagram.com/p/1TojvFJ-xd/

add the word "media" to the URL in your browser
https://instagram.com/p/1TojvFJ-xd/media
and click ENTER.

Now you'll have the raw url of smaller version of image
https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/s306x306/e15/11098293_1432494987051388_790462196_n.jpg

--- or ---

STEP 2B (Large):
https://instagram.com/p/1TojvFJ-xd/

Find background image via "inspect element"
(or via rightclick menu in firefox).

Make that background image's URL display in a tab in your browser,
-- and you'll know that this is the raw url of LARGE version of image.

https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/11098293_1432494987051388_790462196_n.jpg

------------------ ------------------

Step three: Put the raw URL of the image into image tags.
Remember this is the image URL, and not the Instagram post's URL.

STEP 3A:
Smaller image's URL inside tags ready for posting:
Code:
 
[IMG]https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/s306x306/e15/11098293_1432494987051388_790462196_n.jpg[/IMG]

--- or ---

STEP 3B
Larger image's URL inside tags ready for posting:
Code:
 
[IMG]https://igcdn-photos-e-a.akamaihd.net/hphotos-ak-xaf1/t51.2885-15/11098293_1432494987051388_790462196_n.jpg[/IMG]


------------------ ------------------

STEP 4:
at the top of your forum post,
put the URL of the instagram,
then the name of the instagram author,
then the caption (text) that the author put with the image.

==================================

Step 4A -- POSTED (smaller)

https://instagram.com/p/1TojvFJ-xd/
marybeth.evans
#fbf ..,Cake. Let me at it!
#days50th #daysfamily #6683showsago

Posted Image

==================================

Step 4B -- POSTED (larger)

https://instagram.com/p/1TojvFJ-xd/
marybeth.evans
#fbf ..,Cake. Let me at it!
#days50th #daysfamily #6683showsago

Posted Image
Edited by nananana7, Apr 24 2015, 07:06 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · DR Member Technical Help · Next Topic »
Add Reply