Adding a photo to an MRH blog entry

Home / Blogs / JeffShultz's blog / Adding a photo to an MRH blog entry

Wed, 2009-01-07 11:03 — JeffShultz

A question was sent to MRH recently asking how to add photos to a blog entry. I decided this was a topic that deserved it's own blog entry. I personally think trying to explain this without having access to the images would be futile.

First you bring up the Create Blog Entry page:

As can be seen above, you want to click on the circled "Insert/Edit Image" tool. Which brings up the following dialog box:

Again, you click on the circled button, Browse Server in this case, and it brings up another dialog box, the file browser. This is a list of all the files (pictures and otherwise) you have uploaded to the MRH site. Notice it includes a couple of pictures that I uploaded for a previous blog post:

Click on the Upload link, marked as Step 1, and the box changes slightly - an upload section drops into view:

Clicking on the Browse button, Step 2, will bring up the appropriate file browser/selection box for your operating system and/or web browser. Select the file to be uploaded and click on the appropriate button (in Windows it's normally "Open") to close the file selection window. The filename selected will show up in the File: box next to the Browse button. Click on the Upload button, Step 3, to actually send the file to the MRH server, where it will show up in the list, normally highlighted in yellow. Your browser may have different colors.

Finally, with the selected photo still highlighted, click on the "Send to FCKEditor" link, Step 4, and the File Browser will disappear and you will be back to the Insert/Edit Image Tool, with some changes:

As seen above, the link to the photo is now in the URL box, and if you click inside the Preview window the "Loren Ipsum" text will be replaced by the image. Click on the OK button and the image will be placed inside the editor:

To put text beside or below the image, use the arrow keys to move your cursor down until it stops, then use the Return/Enter key to continue until the cursor is below the image. You may need to go two lines below the image or when published part of the first line below the image may be "sucked up" beside the image. The Preview button is definitely your friend.

And that's it - you end up with a blog post that looks like this one, with a lot of text surrounding the uploaded images.

One additional note - if your photos are already available on a webserver or photo gallery site such as Photobucket, when you bring up the Insert/Edit Image tool you can simply put the URL of the photo in it, like this:

Resulting in this being served from my own server instead of the MRH one:

And that's it. Questions?

JeffShultz's blog
Login or register to post comments

Comments

That would work

Fri, 2009-01-16 11:43 — kcsphil1

If the Browse Server button was on the pop-up currently. It's not, so I'm having a bit of a challenge. I think it must have come off on your server change over this week.

Philip H. Chief Everything Officer Baton Rouge Southern Railroad, Mount Rainier Div.

I see this Question still

Fri, 2010-04-09 17:23 — Rio Grande Dan

I see this Question still being asked so I bumped it back to the front of the Posts

Dan

Rio Grande Dan

Adding photos

Fri, 2010-09-17 09:33 — lexon

Thanks again. I was at my girlfriends house and did not have the tutorial. I try to limit my PC time when at her house. At near seventy, the brain leaks, at least that is what I tell her. That's my story and I am sticking to it. Rich Ok, did it again. I will have to dig up the Paste tutorial again. I copy my message and paste into an Open Office Text document, correct spelling errors and copy and paste back to the forum and I get the big space above my message. Only forum this happens in.

Moderator edit: No need for a tutorial, just look in the editor window for the clipboard icon with a "W" on it. Try using this button, "Paste from Word" to paste from Open Office, although I'm not sure why you would copy and paste when you can just switch to the plain text editor, (at the bottom of the comment box) to check spelling?

"Only forum this happens in."

And only guy it seems to be still happening to. [grin]

I did email you the link to this adding a photo turorial yesterday but perhaps you did not receive it?

This is a test of the Paste from Word applet. Hopefully this text does not have huge gaps or other “foreign” data included.

As you see above, the paste from word applet works to paste from Open Office, give it a try.

Type your comment in Open Office, copy it, in the editor window insert the cursor where you want your text to go, click the clipboard with a "W" on it. Paste the text you copied from Open Office in the box that opens and click "OK". That should do it for you.

-Moderator

Inside every older person is a younger person wondering,
what happened?

Question

Tue, 2010-09-21 15:00 — lexon

Is there any good reason why this process cannot just be a cut and paste from, say, Photo Bucket?

So far, all other forums I belong to, allow a simple cut and paste of the IMG from Photo Bucket and the photo show right up very nicely. Just wondering.

Right now, I need two computers, one to try and follow the tutorial, the other, to put the message in the forum.

I tried a method I got from here for the Decoder tester thread but it did not work.

I can always just lurk as there is good information here.

I do tell others about this free on line magazine and all seem to like it.

Thanks.

Rich

Inside every older person is a younger person wondering,
what happened?

Insert an Image file

Tue, 2010-09-21 19:43 — MarcFo45 (not verified)

http://i98.photobucket.com/albums/l267/richg1998/DCC/Mydecodertester.jpg

The first one was a simple cut and paste. simple but no picture shows up.

The second one was as per the instructions .

Open your post or comment. Click on the Insert/Edit Image icon. Now paste your URL in the URL field and press OK. Your image should show up as this one did.

Marc Fournier, Quebec

photos

Wed, 2010-12-01 20:28 — jack

Hi, Jack from Star, Idaho. How many photos can I post to one blog or post. I have a number of photos (jpeg) of a large trestle I have been working on and I would like to share them. Thanks Jack Strong

Jack From Star, Idaho

Alternate Way

Wed, 2010-12-01 20:38 — LKandO

Images in your posts are easy to upload and manage with the handy tab File browser in the "My account" section of MRH. Joe you are a wizard!

Alan
www.LKOrailroad.com

Posting Photos

Sun, 2011-04-03 17:49 — Rio Grande Dan

Go to the first post in this thread for instructions on inserting photo to a blog or Post

This is a Bump

RGD

Rio Grande Dan

Why can't we just cut and paste an image from photobucket?

Sun, 2011-04-03 19:03 — Driline

I have the same question as Rich and I don't think his was answered.

Cut Paste

Sun, 2011-04-03 19:18 — LKandO

You can cut and paste the URL but not the image itself as I understand it. Pasting an image just results in a blank character in a post. Must be a Drupal thing.