or Connect
TheSandTrap.com › Articles › Image And Video Tutorial

Image And Video Tutorial  

Learn how to:


Add Images To Posts And Wikis


Create And Edit Image Albums On Your Profile


Add Videos To Posts And Wikis
 

Add Images To Posts And Wikis

Upload and Embed an Image from Your Computer

  1. In a forum post or wiki article, find the Image button which looks like this: b539f020_addimage-button.png

  2. Click the button to open the Image Tool.

  3. To upload and insert an image saved on your computer, click "Browse."  This open is set as the default when you open the Image Tool.

  4. You will be able to browse your computer to find the image you would like to upload.  Simply highlight your desired image and click "Open." 

  5. After you select the image, you can adjust the file name as you like before hitting "OK." 

  6. You can also add a Description for your image.  This Description will appear on the Image Info page and it will appear in a lightbox popover when the image is accessed from a forum post. 

  7. Click "OK" to upload the image and insert it into your post or wiki.  The image will also be saved to your Default Album accessed on your Profile page.

  8. Once your image is inserted, you can change its size or position.  Right click the image and select "Image Properties."  Once in the "Image Properties" tool, you can edit the width, height, and the alignment of the image.

 

Embed Images From Another Site Using The On Site Image Tool

  1. Click the Insert/Upload Image button.

  2. The Image Tool will open.  At the top of the tool, click the "Image URL" tab.

  3. To embed an image file from another site, paste in the URL to an image in the top field.  From Photobucket copy and paste the "Direct Link".  From most other sites, copy the address from the address bar of your browser.

  4. Click "OK" and the image will be inserted into your post or wiki.  The image will be downloaded to your Default Album accessed on your Profile page.

 

 

Embed Images From Another Site Using Cut And Paste

  1. On any website, open the page with the image of your choice.  Highlight the image.  In some browsers, you will need to start with the cursor outside of the image and then drag it over the image to select the image.

  2. Use your keyboard Copy function (Ctrl+C on PC computers, Cmd-C or Apple-C on a Mac) to copy the image.

  3. In an open forum thread reply box or Wiki article, place your cursor within the text box.  Use your keyboard Paste function (Ctrl+V on PC computers, Cmd-V or Apple-V on a Mac) to paste the image into the window.

 

Embed Whole Albums from Photobucket

 

If you have already uploaded an album to Photobucket.com, you can easily embed the whole album in a forum post or wiki article using "Source" mode. Just as Photobucket creates [IMG] tags, they also create HTML tags that work on the Huddler platform.

 

  1. Scroll to the bottom of your album, click "Select All" on the left hand side, then click the "Generate HTML and IMG code" button

  2. On the next page, you can select whether you'd like to embed individual thumbnails, or the full size images. Most often, you will use the code under the heading "HTML images for Ebay, Livejournal, MySpace, etc."

  3. Copy the appropriate code, then in the Huddler text editor, click the "Source" button at the top left. This will enable you to view the underlying HTML. Paste the Photobucket generated code into Source mode, then click the "Source" button again to return to the editor and your album is there.


 

Create And Edit Image Albums On Your Profile Page

Create A New Image Album

  1. Navigate to your user profile.

  2. In the Album section, click the "create new album" button.

  3. On the next page, add a title for the image along with an optional description.  From here, you also have the ability to mark an album as private.  This will hide the album from other users.

  4. The Album Editor will load allowing you to upload images to your album.

 

Add Images To An Album

  1. Navigate to your user profile.

  2. Click to edit the album of your choice.  When viewing the album, click the "edit album" button.

  3. The "add photos" tab will first load with the Easy Uploader.  Use the uploader to navigate into the file which holds the images you would like to upload.

  4. After navigating to the folder of your choice, thumbnails of images there will appear.  Check the box on the thumbnail for the images you would like to upload.

  5. If you do not have Java enabled, the uploader will not load properly.  If this is the case, you can upload up to 10 images at a time using the standard HTML uploader.

  6. When you have made your selection, click "Upload."

 

Edit Images In An Album

  1. Navigate to your user profile.

  2. Click to edit the album of your choice.  When viewing the album, click the "edit album" button.

  3. From the Album Editor, click the "edit photos" tab.

  4. The photos in your album will load, displaying with a "delete" check box, fields to edit the image name or the description, and a button to select the image to make it the album cover.

  5. When you have made your desired changes, click "Save Changes" at the bottom of the album.

  6. Please note you cannot set an album cover for the Default Album.

 

Edit An Album's Details

  1. Navigate to your user profile.

  2. Click to edit the album of your choice.  When viewing the album, click the "edit album" button.

  3. From the Album Editor, click the "edit album details" tab.

  4. From here, you can change the name of your album, change its description, and change its privacy setting.

  5. Please note you cannot change the album details for the default album.

 

Organize Images In Your Albums

  1. Navigate to your user profile.

  2. Click to edit the album of your choice.  When viewing the album, click the "edit album" button.

  3. From the Album Editor, click the "organize photos" tab.

  4. From here you will see a listing of your albums as well as the images in the currently selected album

  5. You can click to view the images from other albums.

  6. To move an image from one album to another, click on the image of choice and drag and drop it to the destination album in the listing to the top left of the Organize Photos screen.

 

Delete An Album

  1. Navigate to your user profile.

  2. Click to edit the album of your choice.  When viewing the album, click the "edit album" button.

  3. From the Album Editor, click the "delete album" tab.

  4. From here, you can confirm your deletion.  This will delete the album and the images it contains.

  5. Please note you cannot delete the Default Album.

  

 

Add Videos To Posts And Wikis

Currently, we support video embedding for YouTube and Vimeo.
 

  1. In a forum post or a wiki article, you will see a blue and grey film reel button.

  2. Click the button to open the video embed tool.

  3. In another window, navigate to the desired YouTube or Vimeo Video.  On this page, you will find the video URL and the embed code.  Copy the text of one of those.

  4. Back in your wiki article or forum post, paste the URL or embed text into the blank field on the video embed tool.

  5. Click "OK" and your video will appear embedded.

 

If you would like to embed a YouTube video at a particular ratio or size, you will need to use a specific form of the embed code.

  1. Navigate to the YouTube video page.
  2. Click the "Embed" button.
  3. The embed code and options will appear.
  4. Select the dimension you would like to use - 560x340, 640x385, 853x505,1280x745 or custom dimensions.
  5. Making this selection will modify the embed code.
  6. Copy the embed code.
  7. In your post or wiki, click "Source" and paste the HTML in Source Mode.
  8. When you save, the video will render in the appropriate size.

 

 

Currently video embedding is only available in the Rich Text editor.

TheSandTrap.com › Articles › Image And Video Tutorial