Post a pic from Facebook
- Thread starter butch27
- Start date
butch27
Active Member
O.K.-- I did that and the url number is <http://1300 photobucket> now what do I do?
EX JUNK
Moderator
Once you've selected the picture that you want to post that is on you Photobucket account then click on it and it will show up on your screen by itself, you'll see a column of choices directly to the right of the picture. Go to the bottom one that says "IMG" and click on the "url" and copy it and then paste it to your post on this site.
Jim
Mike
Well-Known Member
Hold the phone, stop the presses, don't make another move. First of all, that is not a proper 'url number'. Secondly, it is easier to just use Photobucket's 'Direct' link.
People get easily confused with this, and it is a dead-simple process.
Log into your Photobucket account, and click to view the picture you want to display here.
See the Direct link, the blue arrow is indicating? Place your mouse pointer in the box that contains the URL, or address data (all that http stuff). Left-click, and you will see the box turn yellow, with the word Copied appear. You have just copied the Web address (URL) for your photo to your operating system's clipboard.
Now, click on the browser tab where you have the forum opened up, visit the thread where you want to post the image, or click to start a new thread where you want to post the image.
See the icon my mouse pointer is hovering over? That is the icon that will allow you to wrap your photo's Web address (URL) in the proper BBCode IMG tags, in order to display the photo in a post. Click on that icon.
You will see a dialog box open up, just as above. your cursor will already be inserted into the Image URL box, so press and hold down one of the Ctrl keys on your keyboard, then tap the 'v' key. It will then paste that image's Web address (URL) into the dialog box. Click on Insert and Bob is your mother's brother.
OK, now if I can get you to stick around for a few minutes, I will explain why the Direct link is the proper link to use. Just read and you will learn what is happening and why it is happening.
Photobucket gives you a possibility of four links to use - E-Mail & IM, Direct, HTML, and IMG. In days of olde, the IMG link was the bee's knees. That was then, and this is now.
Let's look at each one of those links. I am going to wrap each link in the forum software's CODE BBCode, so the forum software is not trying to actually parse the links.
Email & IM
That is certainly a URL, but let's look where it is pointing. First you have all the http and .com business. That gets things pointed to the proper Web site server. It is everything that comes after that identifies the actual image location. First, there is a /user directory, and inside that one is a /Mike765 directory, and inside that one is a /media directory, and inside that one is a file called /condo3.jpg.html
There is the problem with that URL, that wee .html extension hanging out there on the very end. The forum software is using its IMG (image) tag, so it is expecting to find a file that is an image. Image files use extensions like .jpg, or .png, or .tif, or .gif, or .bmp. An HTML file is a file that a browser or an e-mail client will parse, when it sees it. So, we have the wrong kind of file.
Direct
Now, look at that URL. The differences are not immediately apparent, at least not until you start to look at the directory structure. Now, we are accessing an /albums directory, and inside that one is an /l562 directory, and inside that one is a /Mike765 directory, and inside that we find a filed called /condo3.jpg
Now there is a URL with an image file in it. We know that because there is an image file extension on the file - .jpg.
HTML
OK, before we go any further, just let me say that none of us, not the members, not the moderators and not even myself can post any HTML code to this forum. Ain't gonna happen. Not today, not tomorrow, not ever. This is the kind of code that a cracker can bury malicious stuff in, so I disallow its use for all members.
However, if you look at the section of code that starts out with img src (shorthand for image source), you will once again see the correct URL for my photo. It's just knee-deep in all the other code (which is not W3C compliant, by the way, as it lacks both height and width attributes) it takes to make an image display on a Web page.
IMG
As I said, there was a time when this was the link you would have wanted, because it would have consisted only of the opening IMG tag, the image URL (which is correct) and the closing IMG tag. For whatever reason, Photobucket now precedes the IMG code with all of that URL code, and I don't know of a single piece of forum software that wants that added into the mix. 
I suppose one of the social networks uses that kind of URL structure, but I know that XenForo, Invision, vBulletin, SMF, MyBB and phpBB3 forums don't.
Now, if you were really slick, you could use your mouse to highlight just the following part -
and just paste that into the text editor, here on the forums. That opening IMG tag and the closing IMG tag are what that image insertion dialog box are adding to the Direct URL, when you paste it in. So that is an option for you. But whilst you are trying to make sure you've highlighted all of what you need, without highlighting too much, I will have copied the Direct link and will have it copied into the image insertion dialog box. Mind that just because I take the easy way out doesn't make me lazy, it just speaks to an economy of expended energy. But also mind that my easy way is also the most expeditious way, so being lazy isn't always a bad thing.
Now I am aware some of this sounds like ancient Greek, mixed with a bit of Aramaic, a bit of Arabic (woo-hoo, I hope to be starting my Arabic classes within the month!!), a bit of Mandarin, and a whole lot of pig Latin, but if you will sit there for a couple of minutes, look closely at the links and read the differences I have pointed out, you will learn a new trick. It's not as hard for us old dogs as people want us to believe.
Follow my instructions, copy the Direct link and paste it into the image insertion dialog and you'll be posting photos like a pro.
People get easily confused with this, and it is a dead-simple process.
Log into your Photobucket account, and click to view the picture you want to display here.
See the Direct link, the blue arrow is indicating? Place your mouse pointer in the box that contains the URL, or address data (all that http stuff). Left-click, and you will see the box turn yellow, with the word Copied appear. You have just copied the Web address (URL) for your photo to your operating system's clipboard.
Now, click on the browser tab where you have the forum opened up, visit the thread where you want to post the image, or click to start a new thread where you want to post the image.
See the icon my mouse pointer is hovering over? That is the icon that will allow you to wrap your photo's Web address (URL) in the proper BBCode IMG tags, in order to display the photo in a post. Click on that icon.
You will see a dialog box open up, just as above. your cursor will already be inserted into the Image URL box, so press and hold down one of the Ctrl keys on your keyboard, then tap the 'v' key. It will then paste that image's Web address (URL) into the dialog box. Click on Insert and Bob is your mother's brother.
OK, now if I can get you to stick around for a few minutes, I will explain why the Direct link is the proper link to use. Just read and you will learn what is happening and why it is happening.
Photobucket gives you a possibility of four links to use - E-Mail & IM, Direct, HTML, and IMG. In days of olde, the IMG link was the bee's knees. That was then, and this is now.
Let's look at each one of those links. I am going to wrap each link in the forum software's CODE BBCode, so the forum software is not trying to actually parse the links.
Email & IM
Code:
http://s1124.photobucket.com/user/Mike765/media/condo3.jpg.htmlThere is the problem with that URL, that wee .html extension hanging out there on the very end. The forum software is using its IMG (image) tag, so it is expecting to find a file that is an image. Image files use extensions like .jpg, or .png, or .tif, or .gif, or .bmp. An HTML file is a file that a browser or an e-mail client will parse, when it sees it. So, we have the wrong kind of file.
Direct
Code:
http://i1124.photobucket.com/albums/l562/Mike765/condo3.jpgNow there is a URL with an image file in it. We know that because there is an image file extension on the file - .jpg.
HTML
Code:
<a href="http://s1124.photobucket.com/user/Mike765/media/condo3.jpg.html" target="_blank"><img src="http://i1124.photobucket.com/albums/l562/Mike765/condo3.jpg" border="0" alt=" photo condo3.jpg"/></a>However, if you look at the section of code that starts out with img src (shorthand for image source), you will once again see the correct URL for my photo. It's just knee-deep in all the other code (which is not W3C compliant, by the way, as it lacks both height and width attributes) it takes to make an image display on a Web page.
IMG
Code:
[URL=http://s1124.photobucket.com/user/Mike765/media/condo3.jpg.html][IMG]http://i1124.photobucket.com/albums/l562/Mike765/condo3.jpg[/IMG][/URL]Now, if you were really slick, you could use your mouse to highlight just the following part -
Code:
[IMG]http://i1124.photobucket.com/albums/l562/Mike765/condo3.jpg[/IMG]Now I am aware some of this sounds like ancient Greek, mixed with a bit of Aramaic, a bit of Arabic (woo-hoo, I hope to be starting my Arabic classes within the month!!
), a bit of Mandarin, and a whole lot of pig Latin, but if you will sit there for a couple of minutes, look closely at the links and read the differences I have pointed out, you will learn a new trick. It's not as hard for us old dogs as people want us to believe.Follow my instructions, copy the Direct link and paste it into the image insertion dialog and you'll be posting photos like a pro.
Wyo George
Member
thanks for the detailed explanations. I'm a mod on one forum and admin on another and didn't realize the "img" was outdated. I still use it on a half dozen forums without issue, but I can see where the extra code could cause problems. I have messed around with writing code since the late 90's
G
G
Mike
Well-Known Member
Well, it's not a case of the IMG tag being outdated, it's more a case of Photobucket not offering the same IMG link they once offered.
There are days when I can muddle through code fairly effectively. Then, there are those other days, when I well and truly wish I could never see a line of code, ever again.
There are days when I can muddle through code fairly effectively. Then, there are those other days, when I well and truly wish I could never see a line of code, ever again.
Mike
Well-Known Member
Huh?!?
This is a three-step procedure. And I've even included images to help walk you through all three steps. Look at the pictures and follow the instructions, and you cannot go wrong. And when you've completed the third step, give yourself a boot to the backside, for ever suggesting this was somehow 'deep'.
1. Log into Photobucket, select the image you want to display and then click on the Direct link, as indicated by the arrow, above.
Still with me? See, nothing confusing about that, aye?
2. Click on the image insertion icon, in the text editor, as indicated above.
Is there something there that is confusing, something I am missing, or something I am not seeing? Seriously, we're two-thirds of the way through this process and you have made all of TWO (2) mouse-clicks.
3. When the dialog box opens, simply press Ctrl-v, to paste the image link into the dialog box.
If that is too confusing, then right-click your mouse in that dialog box and then click on Paste, it will do the same thing.
It is here, where we get to the really confusing part, because now you have to left-click your mouse on that Insert button. But there is even a simple way around that, because after you've inserted the link in the dialog box, you can simply hit the Enter or Return key on your keyboard.
Seriously, guys, running in fear from a simple, three-step procedure like this really makes no sense, at all. We've got threads here where people are rebuilding automatic transmissions for the first time, rebuilding rear ends for the first time, rebuilding engines for the first time, rebuilding carburetors for the first time, wiring cars for the first time, etc. Trust me, if you sort out how to pull a float bowl off a Holley carb, you can follow the three, simple steps above. If you can adjust the rockers on an engine, you can follow the three, simple steps above. If you can set pinion depth on a rear end, you can follow the three, simple steps above.
Follow the three steps above, and you will immediately realize it is easier to learn how to insert images into posts than it is to learn how to tie a shoelace. You learned how to tie your own shoes, did you not? If you can handle doing that, the above procedure is a piece of cake. Depending on the third step you take, the process to insert an image into a post consists of five (5) mouse-clicks, or two (2) mouse-clicks and three (3) key-presses.
Mike
Well-Known Member
OK, someone is really missing the boat here. Let's stop everything and get on the same page, here.
First off - what in the love of Pete is 'photobook'? Are you referring to Photobucket? Or are you referring to Facebook?
Second - If you are referring to Photobucket, I am at a complete loss as to what you mean by icons being on the left. If you look at this image -
- do you somehow see icons on the left?!? I see absolutely nothing to the left, other than white space. Additionally, the blue arrow is pointing to some share links, which are on the right, not the left. I am not logged into Photobucket, presently, and cannot recall if there are any icons on the right, or not, But, if there are icons on the right, ignore them. You are only interested in that Direct link, and that is all.
Finally, I told you, twice, not to use the IMG link, but to use the Direct link. See the link the arrow is pointing to, above? The link on the right? The link shown as Direct?
Yes, you do get that toolbar shown in the second step. Yes, you do. I logged into your user account, to check your permissions and you most certainly get that toolbar.
See that red bit, in the upper-right corner, where it shows I am 'Logged in as butch27'?
See where my mouse pointer is pointing to your username, on the navbar?
See where your user options have opened in the menu?
(Do you also see where you have 5 Personal Conversations in your Inbox?)
Now, look at this image -
The top arrow is indicating I was still logged into your account.
The middle arrow is indicating your username, on the navbar.
The bottom arrow is indicating the Insert Image icon, which my mouse pointer is highlighting.
Now. One more time, let's try this, so you can learn to post your image.
Log into your Photobucket account. Note, I said Photobucket, not Facebook, and not photobook. Log into Photobucket.
Click on the image you want to post to the forums.
When that image appears, as above, look over to the right, not the left, and find the Direct link, not the IMG link, as indicated by the blue arrow in the above image. Put your mouse pointer over that Direct link, and left-click, one time. The link will turn yellow and you will see the word Copied.
Come to the forum. If you are not logged into the forum, be sure to log in.
Either start a new thread, in which to post your picture, or click on the pre-existing thread, where you want to post your picture.
Above the text entry window, where you submit your posts, there is a ribbon of icons, as you can see in the image above. The lower-most, blue arrow is pointing to an icon, which my mouse pointer was hovering over. Place your mouse pointer over that icon, and left-click, one time.
That will cause a dialog box to open, as shown in the image, above. You will then need to paste your Direct link, from your Photobucket account, into that Image URL: field.
There are two ways to paste this link. The method I prefer is to press down the CTRL key, located in the bottom row of your keyboard, and whilst pressing that key down, also tap the v key.
If you prefer to use your mouse for all operations, then simply place your mouse pointer in the Image URL: field and right-click, one time. A small menu will appear, with some menu options, one of which will be Paste. Click on Paste and the Direct link from Photobucket will be pasted in.
Use whichever method is most comfortable for you, as both will net you the same result.
Once the Photobucket Direct link is pasted into that Image URL: field, click on the Insert button.
At that point, your image will appear in the text entry window. From there, you can add some text to the post, or you can simply click to submit your new post, or reply to an existing post, whichever the case might be.
Mike
Well-Known Member
Butch, I just logged into your account, logged into my Photobucket account, copied the Direct link on one of my images, pasted it into the Image Insertion dialog, and posted the above image. It worked, slick as a whistle, just as I described it.
EDIT - I will post the video of the above process, as soon as it becomes available. I am asqueaky, auld git frugal and conservative spender, so I am simply waiting for Vimeo to make the file available.
EDIT - I will post the video of the above process, as soon as it becomes available. I am a
Last edited:
Mike
Well-Known Member
OK, there is the video. To make sure you are seeing all the details, click on that Full-Screen icon, just to the left of the word Vimeo, in the video progress bar.
The video opens with me logged into my own account. At 16 seconds in, I click the tab to show you I am also logged into my Photobucket account. At about 45 seconds in, I switch over, to use Butch's account, after which I post the image.
I did all of that in less than 2 minutes. And had I not been taking the time to point out when I was logged into my own accounts, and when I was logged into Butch's account, I could have done all of it in less than 30 seconds. The bottom line is that this stuff is not rocket science, nor does it require someone to be under a certain age limit, in order to understand it. Trust me, if I can learn to do these things (I am 60 years of age and suffer AADD, mind), then there is no reason any of you cannot learn to do them.
Can't never could do anything...
