Image And Video Tutorial  

Learn how to:

   1.  Add Images To Posts And Wikis

• Upload Images From Your Computer
• Embed Images From Another Site
• Embed Images with Cut and Paste
• Embed Whole Albums from Photobucket

   2.  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 appears as a yellow square with mountains and a moon.  Click the button to open the Image Tool.
2. To upload and insert an image saved on your computer, click "Browse." 
3. 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." 
4. After you select the image, you can adjust the file name as you like before hitting "OK." 
5. You can also add a Title and Description for your image.  This Description will appear on the Image page and it will appear in a lightbox popover when the image is accessed from a forum post.  At any point in time, you can edit the Description of the image from your albums.
6. Click "OK" to upload the image and insert it into your post or wiki.
7. 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.The Image Tool will open.  At the top of the tool, click the "Image URL" tab.
2. To embed an image file from another site, paste in the URL to an image in the top field.  You can also use URLs for images on Home Theater Forum to embed existing images on site.
3. Click "OK" and the image will be inserted into your post or wiki. 

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 for embedding images in vBulletin, 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 Home Theater Forum 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.
4. Click the "Source" button again to return to the editor and VOILA - your album is there.

For additional readings on deleting images or changing descriptions, please see the Image Album Tutorial.

Add Videos To Posts And Wikis

Currently, we support video embedding for YouTube, Vimeo, and Google Video.
 

1. In a forum post or a wiki article, you will see a blue film reel button. Click the button to open the video tool.
2. In another window, navigate to the desired YouTube, Vimeo, or Google video.  On the left hand side, you will find the video URL and the embed code.  Copy the text of one of those.
3. Back in your wiki article or forum post, paste the URL or embed text into the blank field on the video tool.
4. Click "OK" and your video will appear embedded.