[GUIDE] Adding Images To Posts

Discussion in 'Site Help & How To's' started by Lucy Locket, 15 Sep 2012.

  1. Lucy Locket

    Lucy Locket Founder/Admin

    352
    117
    Female
    GB
    Lucy
    Guide to hosting pictures on Helpmetattoo.com using a picture-hosting website.

    One of the first questions that is asked on the forum, by new members who may not have had previous experience on web-forums, is "How do I post a picture?"

    There are several ways to post pictures on our forums. One way is to use an off-site picture hosting website such as Photobucket.com. Some forums, such as Helpmetattoo.com, provide a member's photo gallery to make it easy. This article describes how to use an off-site picture hosting website to host your pictures.
    If you are interested in using your free image gallery, you can become a Premium Member and host all your images simply on our servers. Click here to upgrade for life, for just £10.

    Before posting a picture you will need to have it hosted it somewhere on the internet. In simple terms the picture needs to have a web-address (similar to a house address) so the forum knows where to find it at all times. You must upload your photo to the internet before you can post it into a thread.

    The picture hosting websites include: Photobucket.com; Flickr.com; Imgur.com; Picasa.com; and TinyPic.com. There are many others, and a quick search on Google or a suggestion from another forum member can point you in the right direction.

    The mechanics for hosting a picture are fairly similar from website to website. Photobucket.com is one of the most popular picture-hosting websites.

    First, you will need to create a photobucket account to host your pictures. Go to photobucket.com.

    [​IMG]


    In the upper right hand section of the screen there is a section called Sign In, Sign Up. Selecting this will bring up a box menu that you will use to log in to your account once it has been formed. At the bottom of the box menu is a link titled Sign Up Now. (Red Arrow). Select this link to go to the next screen.
    [TABLE="class: ncode_imageresizer_warning"]
    [TR]
    [TD="class: td2"][/TD]
    [/TR]
    [/TABLE]
    [​IMG]


    Selecting the Sign Up Now link will bring you to a new screen. Fill out the information completely and submit. You will be sent an email you must respond to in order to active your account.

    [​IMG]


    Once your account is activated your home screen will look like the picture below. You have options to set such as the picture size you would like photobucket to re-size your picture. You can also create separate albums to keep your photos organized. The next manner of business is to upload your pictures from your computer to the picture-hosting website. Select the album options menu on the right side of the screen. (red arrow)

    [​IMG]


    This will will bring up another menu box. Select Upload Pictures and Videos.

    [​IMG]


    On the following screen select the green box: Select photos and videos.

    [​IMG]


    Another menu box will open that will allow you to select the photos from your computer. Once you have selected all of the pictures you wish to upload select continue. A screen will open and all of the photos you are uploading will have progress bars underneath of the them. Once all of the photos have been uploaded you will go to the screen below. You can add titles or meta-tags to your newly uploaded photos. When you are done select Save and continue to my album.

    [​IMG]


    Your album screen will display the photos you have uploaded in thumbnail size. You can double-click on a photo to enlarge and bring up information on that photo. In the album below I have two photos uploaded.

    [​IMG]


    If you hover over the photo another menu box will appear with four different options to select: Email&IM; DirectLink; HTML; IMG Code.

    Email & IM- Select this if you emailing a photo or sending one through an instant message. It is a direct link into your photobucket account.
    Direct Link- This is a direct link to the picture itself.
    HTML Code- Use this for web-design.
    IMG Code- This is the same as direct link with the forum image tags wrapped around the picture.

    Note: Helpmetattoo is a vBulletin based web-forum. It will attempt to post a picture in a thread anytime a web address is wrapped with image tags. Image tags look like [ IMG ] web address of the pic [/ IMG ]. The spaces were added between the brackets and IMG to prevent the forum from trying to post it as a picture.


    [​IMG]


    While you have many options in order to post pictures on to the thread, there are two main options that are simple to use. The first option is post the Direct Link in the thread. First click
    on the direct link option from the menu box. This will copy the text into your clipboard.

    [​IMG]


    In order to paste the Direct Link as a picture into your post or thread select the picture icon (red arrow) on the post editor.

    [​IMG]


    This will bring up a menu box. Simply paste the copied Direct Link into the box and select okay.

    [​IMG]


    Your photo is now posted with the correct IMG tags and will appear as a picture when you submit the post. You are done.

    [​IMG]


    The second option you have when posting your thread involves using the IMG Code option from photobucket. Click on the IMG Code to copy the text into your clipboard.

    [​IMG]


    When using the IMG Code, photobucket has already wrapped the picture with the appropriate IMG tags. Simply right click in the post editor and select paste.

    [​IMG]


    The picture posts identically to the previous example.

    [​IMG]


    Now select Submit New Thread to view your photographs.


    [​IMG]


    Hope this has been of help. :icon_mrgreen:
     
  2. KarosLajos

    KarosLajos Premium

    455
    324
    Male
    Budapest
    Peter
    Thank you!
     
  3. Lucy Locket

    Lucy Locket Founder/Admin

    352
    117
    Female
    GB
    Lucy
    How to upload Images into your posts .
    If you are not a Premium member, you will not have the ability to store images on our server
    Premium members can simply click on the Upload a file button as below and select the image to upload from your computer or device.
    [​IMG] <img

    Regular members can only insert images that are stored on an external image host.
    Sites such as Imageshack or Imgur, etc.

    To make things easier, we have now added a remote image insert button for Premium members to save time if you haven't got your own image storage site account.
    See image below:
    [​IMG]

    More expense, but always here to help! :)
     
  4. Lucy Locket

    Lucy Locket Founder/Admin

    352
    117
    Female
    GB
    Lucy
    The Remotely hosted image button is back as above. ^^(y)
     

Share This Page