9 replies to this topic

[xxiicorina]

Hi! I've been on BoAjjang for a while and I'm still having problems of posting photos.
Yes, I know you upload photos on a media sharing site ("Imageshack") and copy the link, pasting it into Image Properties.
However, when I need to upload a lot of photos, I don't want to take up the space in one post.
So I've been trying to upload photos with the thumbnail photo only, and the user can just click on the photo and view it in it's original size.

example;

It says 'External link' when you hover the mouse on the photos (:

And I'm having trouble trying to achieve it. Anyone want to guide me into doing so?
Thank you!

I feel kind of pathetic trying to ask... it's seems really easy..

(print screen taken from this forum)

[yunapolaris]

[IMG=http://imageshack.us/a/img713/5918/krdigitalsingledisturba.jpg][/IMG]

Uploaded with ImageShack.us
^ is this what you were trying to do?
I just wanna make sure I understand exactly what you wanted to do first

[xxiicorina]

yunapolaris, on 28 January 2013 - 09:50 AM, said:

^ is this what you were trying to do?
I just wanna make sure I understand exactly what you wanted to do first

Yeah!
Sorry.. I can't really put it into words, ahaha xD

[yunapolaris]

^ You worded it properly, I just wanna make sure I don't misunderstand
So, I'm a Photobucket user but for the sake of this instruction, I signed into my imageshack account.
First of all, if you wanna do the thumbnails, you gotta do it manually with BBcode instead of using the Image button.

• For the example, I uploaded a picture as shown in the above post onto Imageshack, k?
  
  
• After uploading, a page with the picture will show up, on the right hand side of the pic (in Imageshack) you will find 'Links to share this image' and 'Embed this image'
  
  
• click on the arrow next to 'embed this image' A list of options will show up with 'forum', 'alt forum', 'HTML'
  
  
• Now click on 'forum' , the content will be shaded in blue --> Press Ctrl+C to copy the code (I assume you're using Windows)
  
  
• Go to BoAjjang in the thread you wanna post the picture, in the posting area, press Ctrl+V to paste the code you copied earlier, now in BJJ you will have something like this

  [URL=http://imageshack.us/photo/my-images/713/krdigitalsingledisturba.jpg/][IMG]http://imageshack.us/a/img713/5918/krdigitalsingledisturba.jpg[/IMG][/URL]
  Uploaded with [URL=http://imageshack.us]ImageShack.us[/URL] 

• You can delete the part

  Uploaded with [URL=http://imageshack.us]ImageShack.us[/URL]

  so that the text 'upload with imageshack' won't show up under every thumbnail.
  
• Now, the code above is not for thumbnail yet, we gotta add the part '.th' in front of the URL to make it a thumbnail. where to add '.th' you may ask? --> in front of the .jpg in the URL in between

   [IMG] [/IMG] 

  code .
  
• For example : this the the part where .th needs to be added

  [IMG]http://imageshack.us/a/img713/5918/krdigitalsingledisturba.jpg[/IMG]

    --> after adding, it will be like this

  [IMG]http://imageshack.us/a/img713/5918/krdigitalsingledisturba.th.jpg[/IMG]

• final code

  [URL=http://imageshack.us/photo/my-images/713/krdigitalsingledisturba.jpg/][IMG]http://imageshack.us/a/img713/5918/krdigitalsingledisturba.th.jpg[/IMG][/URL]
  

It sounds confusing but actually all you do is copying the code from Imageshack --> delete the "Upload with..." part ---> add .th in the proper position.
General format

[URL=http://imageshack.us/yourpicture.jpg][IMG]http://imageshack.us/yourpicture.th.jpg[/IMG][/URL]

Just make sure to add .th in front of the JPG of the second link in between IMG, NOT the first link right behind URL.

Hope this help anymore questions, feel free to ask .

[xxiicorina]

TESTING


OH MY GOODNESS! Bam bam bam it's like MAGIC!

Thank you so so so much! Wow! so kind of you to take your time to help me!
Sorry for wasting your time and making you go on your imageshack account for my request.

/virtual hug

[yunapolaris]

^ You are very welcome. That's what I'm here for, is to help with anything needed
And my time wouldn't be wasted cuz many others can see this and know how to to it from now on .
Thank you for asking so that we all can learn

[moonstarox]

^ Wow! Kudos to you yunapolaris! Really!

Hi xxiicorina! If you need another option, I used imgur.com on all my threads. Once you've created your account and uploaded a photo, click it and this will come out: http://i.imgur.com/CAwPwNo.jpg - Copy the code and paste it in a "toggle editing mode." Voila!

I think the one yunapolaris taught you is better, since it has specification of the image's dimension on it

[xxiicorina]

^
Hi moonstarox! (:
Wow, that seems simple as well, thank you so much, I'll consider it!!

[yunapolaris]

xxiicorina, on 29 January 2013 - 03:29 AM, said:

^
Hi moonstarox! (:
Wow, that seems simple as well, thank you so much, I'll consider it!!

or you can use Photobucket, there's already an option for you to post thumbnail, all you need to do is to click on the link (it will copy automatically) and paste the code in forum . I do prefer Imageshack since it shows the size of the image, however the Photobucket is a tiny bit simpler since you dont have to manually add the .th
here a screen shot from Photobucket.

[xxiicorina]

yunapolaris, on 03 February 2013 - 10:01 PM, said:

or you can use Photobucket, there's already an option for you to post thumbnail, all you need to do is to click on the link (it will copy automatically) and paste the code in forum . I do prefer Imageshack since it shows the size of the image, however the Photobucket is a tiny bit simpler since you dont have to manually add the .th
here a screen shot from Photobucket.

Wow, look at that! Thanks for the suggestion!