[Tutorial] How to add image, resize image and make image clickable

[coly20032003]

Adding image in your post is not that hard, you just need to follow these steps (please note that you need to be in a position higher than Newbie):

• Step 1: Upload your image to site like https://imgur.com/. Then there are two ways:
  
  • For image that are not in ".png", you can simply right click on the image to Copy Image Address/Location. You will get some link like this: https://i.imgur.com/lUr20xA.jpg
  • Another way works for all image format, you can click the dropdown list on the right of the "Copy" button, then choose "Get share links", and copy the one for "BBCode(Forums)".
• Step 2: Use the following code in your post, your image will show:
  

Code:

[img]https://i.imgur.com/lUr20xA.jpg[/img] 

This is what you will see after you insert the above code in your post:


 ******************************************************************************************************************************

HOW TO RESIZE YOUR IMAGE?

You can add width and height to the code to resize image, the code will look like this:

Code:

[img width=200 height=150 alt=image loading...]https://i.imgur.com/lUr20xA.jpg[/img] 

What you will see after resizing:


You can also add alt property to the img tag so that even if your image is still loading, it will show some text so that the user knows there will be some image appear later.

 ******************************************************************************************************************************

HOW TO MAKE THE IMAGE CLICKABLE?

If you want your image to be clickable (once click redirect to another website), you can use the following code in your post:

Code:

[url=https://bitcointalk.org][img]https://i.imgur.com/lUr20xA.jpg[/img][/url]

This way once you click the image, it will take you to another website (in my example bitcointalk homepage). You can try below:





Note:
- Newbie CANNOT post image.
- imgur link MUST have a jpg/jpeg/png extension. Also link to an album in imgur will result in proxy error.


Hope this post will help a little bit. Thanks!  

[1713990392]

1713990392

[1713990392]

1713990392

[owlcatz]

You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder.

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

[coly20032003]

You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder.

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

Thank you so much for pointing this out! I just added these two points to my post above. 

[roccstar]

Anybody knows how to add youtube videos in this forum? is there any special code for it?

[owlcatz]

Anybody knows how to add youtube videos in this forum? is there any special code for it?

Code:

yeah, the [url=youtube link here]Text of link here[/url]

[TryNinja]

Anybody knows how to add youtube videos in this forum? is there any special code for it?

You can't embed a YouTube video. You can only use the url tag to redirect the users to your video.

What some users/ICO do is add a fake youtube thumbnail image with a link to the video. But the video won't play in the thread page.

[coly20032003]

Anybody knows how to add youtube videos in this forum? is there any special code for it?

Yeah seems that we cannot directly add youtube videos in the post itself. What you can do is create a text or image and link the url to the actual youtube video.

[FFrankie]

Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images

[coly20032003]

Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images

Thanks for the suggestion! I just added details about how to resize images.  

Feel free to let me know if there is any additional information I can add to my post, so that it will be more helpful for other users. Thanks.

[owlcatz]

Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images

What's the matter KY, normally you are not such a meanie... Did TMAN get you in a bad mood already?

[Praesidium]

Lately im curious on how to add image here in the forum since i dont really do it at least once. This thread is helpful for those who wants to learn how to add image because its simple and well explained. Goodjob!

[coly20032003]

Lately im curious on how to add image here in the forum since i dont really do it at least once. This thread is helpful for those who wants to learn how to add image because its simple and well explained. Goodjob!

I am glad that you find it useful. Thank you for your support! 

[coly20032003]

Just added one more thing to the post, if you want some text to show while the image is still loading, you can add the alt property to your img tag, so that it will be like:

Code:

[img alt=image loading...]https://i.imgur.com/lUr20xA.jpg[/img] 

This way people will know there is some image to expect, and not thinking that your post is empty.

[TheBeardedBaby]

Adding image in your post is not that hard, you just need to follow these steps (please note that you need to be in a position higher than Newbie):

• Step 1: Upload your image to site like https://imgur.com/. Then right click on the image to Copy Image Address/Location. You will get some link like this: https://i.imgur.com/lUr20xA.jpg

This is not working with .png format. You better do that:

You can go to the drop down many, next to the "Copy" button and select "get share links".
There you go for "BBcode Forums".

There are already many threads like this, just search the forum.

[coly20032003]

Adding image in your post is not that hard, you just need to follow these steps (please note that you need to be in a position higher than Newbie):

• Step 1: Upload your image to site like https://imgur.com/. Then right click on the image to Copy Image Address/Location. You will get some link like this: https://i.imgur.com/lUr20xA.jpg

This is not working with .png format. You better do that:

You can go to the drop down many, next to the "Copy" button and select "get share links".
There you go for "BBcode Forums".

There are already many threads like this, just search the forum.

Thank you for the suggestion! I added this to the post as well

[coly20032003]

You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder.

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

what i need for a junior member? i will make a post with images, but i cant.

To advance to jr member, you would need 30 activity.

Based on the forum rules, activity is calculated this way:

activity = min(time * 14, posts)
Note: time = number of two-week periods in which you've posted since your registration

Looks like you registered in 2016, I think as long as you reach 30 posts your activity will increase to 30. Please note that Activity is updated every hour.

[theyoungmillionaire]

Translated this topic into Filipino version: https://bitcointalk.org/index.php?topic=3267615

[coly20032003]

Translated this topic into Filipino version: https://bitcointalk.org/index.php?topic=3267615

Thank you for the translation. This will help more people to know the function related to adding and resizing images.  

[lebrone08]

You neglect to mention the fact that Newbies cannot post images - they would require a copper membership to do that. Try harder.

Edit - you also neglect to mention the imgur link MUST have a jpeg/png extension. Linking to an "album" in imgur using img tags fails with proxy error.

what i need for a junior member? i will make a post with images, but i cant.

first of all try to read all the guidelines and rules in this forum before anything else. you are eager to post images for what? to have merits? as what "owlcatz" mentioned, newbies cannot post images.

try to visit this thread in order for you to learn everything about this forum.
https://bitcointalk.org/index.php?topic=703657.0

[Strufmbae]

I think that this should be added to op. 
Post images : " those who want and those who doesn't want".