Return to the Kitchens Forum | Post a Follow-Up

 o
Posting Pictures

Posted by buehl (My Page) on
Fri, Feb 11, 11 at 13:48

This thread will describe how to post pictures from a photohosting site, from a PDF file, or from some other location on the web.

First, though, where are your pictures? If they are on your computer only, you will need to upload them to somewhere on the web for the rest of us to see them. I upload pictures to PhotoBucket, but there are other photo-hosting sites available. For example: Picasa, Filckr, Webshots, Snapfish.

  1. Open an account w/PhotoBucket or other photo hosting site.

  2. Take a picture using a digital camera (or film camera, but get your pictures on a disk when they're developed & download them to your computer)

  3. Resize your pictures so they're not too big, generally no more than 400x300 (or 300x400)

    Resize keeping the same proportions so they don't get distorted...i.e., don't specify a specific size, use %-ages or similar

    [You can also often resize pictures at your photohosting site, but it's faster to do it on your computer]


  4. Upload your pictures to your photo account

  5. Find the label that contains the HTML Code link to the picture and copy it

  6. Paste it into the thread's "Message" box (< Ctrl >< V>)

  7. Click the "Preview" button.

  8. You will now see the picture.


Follow-Up Postings:

 o
Finding the HTML Code in Photobucket

PhotoBucket:


There are two ways to get the HTML Code: from the album view and from the individual picture view. The former is faster; the latter is easier.


From the album view:

  1. Place your cursor over the picture you wish to post and hover over it until a box with a larger picture and various code options appears.

  2. Now, place your cursor over the "HTML Code" box and click it.

  3. The code should briefly change to "Copied". This means you have copied the code.
    Note: it can sometimes be tricky getting the "copied" to appear. If you're having trouble, get the code from the individual view (see below).

  4. Paste the code you just copied into the "Message" box of the post where you want the picture to appear.

  5. Return to step 7 in the first post (where it says to "preview") (use the < Ctrl >< V > keys)


From the individual picture view:

  1. From the album view, place your cursor over the picture you wish to post and click it.

  2. The picure should now appear as an individual picture with the various code options listed on the right side of the page.

  3. Now, place your cursor in the "HTML Code" box and select the code.
    Use the < Ctrl >< A > keys to "select all" in the box or drag your cursor to select it all manually.

  4. Copy the code (use the < Ctrl >< C > keys)

  5. Paste the code you just copied into the "Message" box of the post where you want the picture to appear (use the < Ctrl >< V > keys)

  6. Return to step 7 in the first post (where it says to "preview")


[As of 1/3/2011]


PhotoBucket Link View:
Photobucket


 o
Finding the HTML Code in Picasa

Picasa:


  1. In your Picasa album, click on the picture you want to post in your message.

  2. This will bring up an individual picture view with things like "Photo information" and "Link to this Photo" on the right side of the page

  3. Expand "Link to this photo" by clicking on the arrow.

  4. You will now see two links: "Link" and "Embed image". (If you already see these links, then do not click on the arrow as it will close the links.)

  5. Below the "Embed image" box, there is another box, "Select size".

    • If you want to post the original (usually larger) size, select "Original size"

    • If you want to post a thumbnail size picture, select "Thumbnail".
      Note: If you're posting a layout and asking for help, do not use this size...use the largest size available that is easy to read!

  6. Now, place your cursor in the "Embed image" box and select the code.
    Use the < Ctrl >< A > keys to "select all" in the box or drag your cursor to select it all manually.

  7. Copy the code (use the < Ctrl >< C > keys)

  8. Paste the code you just copied into the "Message" box of the post where you want the picture to appear (use the < Ctrl >< V > keys)

  9. Return to step 7 in the first post (where it says to "preview")


[As of 1/3/2011]


 o
Finding the HTML Code in Flickr

Flickr:


  1. From the album/photostream page, click the picture you wish to post.

  2. The picture will appear in an individual picture view

  3. Click "Share This" in the menu that appears above the picture.

  4. Click "Grab the HTML/BBCode"

  5. From the size drop down menu, select the size you wish to post.

    • Default is "Medium". [Note: There may be more than one "Medium".]

    • When posting a picture, it's usually best to choose a size that's no more than 400 in either direction, smaller is better...as long as it's easy to see/read in the smaller size!
    • For legibility, you may have to post bigger pictures, especially for layouts.

  6. Click the "HTML" radio button

  7. Now, place your cursor inside the box above the size drop down menu ("Copy and paste the code below:") and select the code.
    Use the < Ctrl >< A > keys to "select all" in the box or drag your cursor to select it all manually.

  8. Copy the code (use the < Ctrl >< C > keys)

  9. Paste the code you just copied into the "Message" box of the post where you want the picture to appear (use the < Ctrl >< V > keys)

  10. Return to step 7 in the first post (where it says to "preview")


[As of 1/31/2011]


 o
Posting a picture from somewhere other than your photo hosting ac

Elsewhere:


As with posting pictures from a photohosting site, your pictures must be located somewhere online, not on your local machine.

  1. Find the URL of the location of your picture. It will begin with "http://" and most likely end with ".jpg" or ".bmp". (There are other extensions, but these are the most common.)

  2. Copy the following into the "Message" box where you want the picture to be:
    <img src="http://www.XXX/image.jpg">
    Use the < Ctrl > < C > keys to copy and the < Ctrl > < V > keys to paste.

  3. Next, replace the http://www.XXX/image.jpg with the address of the image.

  4. When you "preview" the message, you should see the picture

Note: If using "image code" from somewhere else, you may sometimes see the code with square brackets ([ ]) instead of angle brackets (< >). You must replace some of the square brackets with angle brackets and delete others for the image code to work. Your goal is to make your "image code" look like the example above.


 o
Posting a picture from a PDF file

PDF File:


While you cannot post a PDF file directly into a message, you can convert it to a JPEG (JPG) file using one of the free "PDF Converters" found online. One such converter is the "Neevia Document Converter" at the link below.

Neevia Document Converter (http://convert.neevia.com/pdfconvert/)

Once your file has been converted to a "JPEG" image, save the image on your local machine, upload the picture/image to your photo hosting account, and post the picture/image here. To convert your PDF file and save it to your local machine:

  1. Go to one of the free PDF converters found online

  2. Follow the directions on the site you are using. This will include specifying the PDF file to convert.

  3. Once the PDF file has been converted to an image/picture, save the picture/image to your local machine. The steps to do this depend on your browser:

    • From Firefox:
      • Right click on the image
      • Select "Save Image As..."
      • Save the image on your local machine

    • From Internet Explorer:
      • Right click on the image
      • Select "Save Picture As..."
      • Save the image on your local machine

  4. Upload the pictures to the web somewhere (photohosting account such as Photobucket or elsewhere)

  5. Now, follow the steps in the first post of this thread for posting pictures.


 o
Do Not Bump!

Unless you have directions for finding the HTML Code for other photohosting sites...

[Please, do not bump this thread!]


 o
RE: Posting Pictures

I have an album in Photobucket of before and after pictures of my new kitchen that I would love to share. I "copied" the HTML code of the album (on right of page when album is opened) and pasted it in the message box. When I preview it, I just see the string of codes. Do I need to copy each photo individually? In other words, is there a quick way to post the entire album?


 o
RE: Posting Pictures

The link I think you're talking about is the link to the album. It will take people to the album to view all the pictures in that album. If you want to post the actual pictures in your message, you will need to copy the "HTML Code" for each picture and paste it into the "Message" box. When you preview, you'll see the pictures.

If this is for a "finished kitchen" post, then I suggest you post only one or two "before" pictures and then 2 to 4 "after" pictures and then post a link to the entire album so if others want to see more, they can go to the album.


 o
RE: Posting Pictures

Please do NOT post to this thread. If you have a layout you want people to look at, please start your own thread.

This thread has long since dropped off the list and will not show up in the list despite a recent post. This means no one will be looking at it to comment on your pictures.

In addition, this is not the Testing Forum nor is it a "test" thread.


 o
Help sm kitch (pogo stick) layout challenge

Never mind

This post was edited by jennifer132 on Thu, Aug 1, 13 at 23:14


 o Post a Follow-Up

Please Note: Only registered members are able to post messages to this forum.

    If you are a member, please log in.

    If you aren't yet a member, join now!


Return to the Kitchens Forum

Information about Posting

  • You must be logged in to post a message. Once you are logged in, a posting window will appear at the bottom of the messages. If you are not a member, please register for an account.
  • Posting is a two-step process. Once you have composed your message, you will be taken to the preview page. You will then have a chance to review your post, make changes and upload photos.
  • After posting your message, you may need to refresh the forum page in order to see it.
  • Before posting copyrighted material, please read about Copyright and Fair Use.
  • We have a strict no-advertising policy!
  • If you would like to practice posting or uploading photos, please visit our Test forum.
  • If you need assistance, please Contact Us and we will be happy to help.


Learn more about in-text links on this page here