web
analytics
It Will Always Be Yours
Welcome Guest [Log In] [Register]
Add Reply
Linking and Embedding Images
Topic Started: Dec 9 2015, 11:52 PM (999 Views)
Quinn
Member Avatar
Director of HYPE
How to post/embed images from outside links. Not all browsers will use the same "look" to the boxes, but the text and steps should be the same.

Step 1:

Copy the web address of the image you want to post. It has to look like this...
Code:
 
http://i1074.photobucket.com/albums/w404/quizzicalquinnia/ff0648d2-0f17-4bf3-99a9-99b35d1c2a2e_zpsvomujqal.png
...and not another format which can happen when trying to post images from Twitter/Instagram/IconoSquare/Etc. The address must have the "http;//" prefix, and a suffix of an image format, as in ".jpg" or ".png" or ".gif."

Step 2:

Click on "Image" in the options bar.

Posted Image

Step 3:

A pop-up up box will appear with an "http://" prefix highlighted in blue. Hit the backspace key to delete this (since your copied address already has this prefix, if you don't delete the existing blue one, your image will not be found due to the double prefix). Paste your image address into the white box where you deleted the blue prefix, and then click "okay."
Posted Image

Step 4:

Click on "preview" to see how the image looks in your post. Since it will probably be a photo of NCW's abs, grab some wine and stare at it for a nice relaxing hour.

Tip: Do NOT click the little box to the left of "Prevent this page from creating additional dialogs" or you will not be able to post more images or links until your reset your browser permissions.
offline profile quote Top
 
Lilynyny
Kingslayer
Hi Quinn,

Is it possible to post a photo from Tumblr? I think I did it once but don't remember how.

Thanks!
Lily
offline profile quote Top
 
Mikki
Member Avatar
ChillLord
You should be able to right click on the image, copy the image address and then paste it into the "img" boxes..
online profile quote Top
 
Quinn
Member Avatar
Director of HYPE
Yep, Mikki has it!

Right-click the image and select "copy image adress" (the wording depends on the browser, but it should be similar. Click the IMG tag here on your post, then paste the image address into the pop-up box.

Let me know if you need screenshots!
offline profile quote Top
 
WackyGoofball
Member Avatar
Blonde Enough
*bumps in*

Just because it came up in the shoutbox: I take the liberty to post about how I embed links from Instagram. This is one way (I assume there are smarter and faster ways of doing it, but this is how I do it) of embedding images from Instagram from your web browser (in case of Firefox - I suppose the names and steps may differ for Windows Explorer or Chrome... though I would have to check...):

First of all, sorry for not having this available in English, but I don't want to reset my entire browser just so that it pops up in not-German. Suffice to say that it should be the same kind of slot. The steps stay basically the same.

Now, to the steps:

1) Direct to the site containing the image, I have now chosen a comic strip by one of my fave artists Rachel J. Pierce as an example. That means you don't want to stay in the feed where all images are shown continuously, but so that the particular image or imageset pops up. It should look like this:

Posted Image

2) Now, in a next step, you right-click on the image. Again, sorry for the non-English.

Posted Image

3) Go down to "Seiteninformationen anzeigen" which should translate to something along the lines of "view image info." Like here:

Posted Image

4) That will make this window here pop up.

Posted Image

5) Direct to the tab reading "Media" to go to that tab.

Posted Image

6) This will give you a list of all embedded images or media on the site (hence also works if you want to get a video, even though it will play in endless loop if you post it here because it's different from youtube videos) in the first white box.

Posted Image

7) Navigate down in the white box by hittng the down-arrow until you find the image you were looking for (sometimes you have to click quite a bit because there are all the logos and avatars of other users as well). As you can see, this one has a .png or .jpg ending, which means it's the URL leading directly to the image rather than the site the image is on.

Posted Image

8) Right-click on the link in the white box and select "copy."

Posted Image

9) And if you now paste what you copied into the browser and hit "enter," it will take you to the direct image.

10) Follow the steps above by Quinn and Mikki to embed the image on JBO.

You have a Tesseract!

By the way, this also works for Twitter images, though you have to wade through many image links before you get the definite one at times, but you can get there. As I said, this is likely more complicated than it ought to be and I am just too dumb to do it faster, but this is one way of getting it.

*WACKYWACKYWACKIES*
offline profile quote Top
 
Mikki
Member Avatar
ChillLord
Oh erm....

For instagram. I right click to copy the URL, go to https://igeturl.com, cut and paste it there and then get the url and embed the image here.

Does that not work for everyone?
online profile quote Top
 
WackyGoofball
Member Avatar
Blonde Enough
As I said, it's one other way of doing it that I know. Yours is definitely the better one, but this one works as well! :D
offline profile quote Top
 
Mikki
Member Avatar
ChillLord
Wackers, you make me feel like such a looooser. :) I know nothing.
online profile quote Top
 
Nuuk
Member Avatar
Almost a Knight
WackyGoofball
Apr 7 2018, 12:24 PM


First of all, sorry for not having this available in English, but I don't want to reset my entire browser just so that it pops up in not-German.

So you're German, Wacky?
online profile quote Top
 
WackyGoofball
Member Avatar
Blonde Enough
Mikks, I feel dumb for always having gone the loooooooong way to get those pictures. Never heard of that site until you introduced it to me. :)

Nuuk, yup, I am one of those. :D
offline profile quote Top
 
Nuuk
Member Avatar
Almost a Knight
WackyGoofball
Apr 11 2018, 02:01 AM

Nuuk, yup, I am one of those. :D
Ich auch :D
online profile quote Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Administrative Things · Next Topic »
Add Reply