Post Clickable Thumbnails Using ImageShack

I talked yesterday about a nice way to post thumbnails or previews of pictures in your forums posts to avoid the trouble that large images would cause if displayed directly in posts.

See the post here: How to Post Pictures Clickable Thumbnails on Forums

However that methods require some knowledge in images edition. That's why, let's see today a less complicated method.

First you need to upload your image to ImageShack.us, it's easy:

• Click HERE to go to ImageShack site
• You'll see three radio buttons to choose from: "image", "url", "video", choose "image".
• There's a "Choose..." button, click on it, browse your hard drive to locate your image then click "ok"
• If you don't already have an account with ImageShack, you'll be invited to enter your e-Mail address, enter a valid one so that you get your own account that is going to be very useful in the future
• You'll see also two boxes to check: "resize image?" & "remove size/resolution bar from thumbnail?" do not check any of them
• Last step: click the "host it" button to start upload process.

When the upload is finished you'll be presented to a page in which there are four HTML & BB codes one under each other, what interest us is the second one, the one titled "Thumbnail for forums (1)". (Not "Thumbnail for forums (2)"!!)

As an example, I uplaoded an image, & here's it's bbCode provided by ImageShack:

[URL=http://img339.imageshack.us/my.php?image=c7cl7.jpg]
[IMG]http://img339.imageshack.us/img339/1311/c7cl7.th.jpg[/IMG][/URL]

The code above is not correct because there's a line-break in it, I posted it in two lines, because it would break my blog layout if displayed in one line, your code should be in one line.

I won't explain what exactly mean the tags & other URLs in the code, if you want to know, it is very similar to what we saw in the 1st lesson: How to Post Clickable Thumbnails on Forums.

So what rest now, is just to go & paste your code in your forum message, the result will be this: