Bitcoin Forum

Other => Meta => Topic started by: coly20032003 on February 16, 2018, 12:06:54 AM



Title: [Tutorial] How to add image, resize image and make image clickable
Post by: coly20032003 on February 16, 2018, 12:06:54 AM
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:
https://i.imgur.com/lUr20xA.jpg

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

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:
https://i.imgur.com/lUr20xA.jpg

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:

https://i.imgur.com/lUr20xA.jpg (https://bitcointalk.org)



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!  :) :) :)


Title: Re: [Tutorial] How to add image to a post
Post by: owlcatz on February 16, 2018, 12:09:34 AM
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.


Title: Re: [Tutorial] How to add image to a post
Post by: coly20032003 on February 16, 2018, 12:17:28 AM
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.  :)


Title: Re: [Tutorial] How to add image to a post
Post by: roccstar on February 16, 2018, 01:52:03 AM
Anybody knows how to add youtube videos in this forum? is there any special code for it?


Title: Re: [Tutorial] How to add image to a post
Post by: owlcatz on February 16, 2018, 01:59:28 AM
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]


Title: Re: [Tutorial] How to add image to a post
Post by: TryNinja on February 16, 2018, 02:14:05 AM
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.


Title: Re: [Tutorial] How to add image to a post
Post by: coly20032003 on February 16, 2018, 04:55:55 AM
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.


Title: Re: [Tutorial] How to add image to a post
Post by: FFrankie on February 16, 2018, 05:01:42 AM
Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images


Title: Re: [Tutorial] How to add image to a post
Post by: coly20032003 on February 16, 2018, 06:49:39 AM
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.


Title: Re: [Tutorial] How to add image to a post
Post by: owlcatz on February 16, 2018, 03:35:59 PM
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? :D


Title: Re: [Tutorial] How to add image to a post
Post by: Praesidium on February 16, 2018, 07:27:42 PM
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!


Title: Re: [Tutorial] How to add image to a post
Post by: coly20032003 on February 17, 2018, 12:34:07 AM
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!  :D


Title: Re: [Tutorial] How to add image to a post
Post by: coly20032003 on February 19, 2018, 07:50:20 AM
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.


Title: Re: [Tutorial] How to add image to a post
Post by: TheBeardedBaby on February 19, 2018, 08:14:44 AM
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.


Title: Re: [Tutorial] How to add image to a post
Post by: coly20032003 on February 19, 2018, 09:20:28 PM
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 :)


Title: Re: [Tutorial] How to add image to a post
Post by: coly20032003 on February 27, 2018, 01:16:03 AM
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:

Quote
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.


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: theyoungmillionaire on April 06, 2018, 06:59:33 AM
Translated this topic into Filipino version: https://bitcointalk.org/index.php?topic=3267615


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: coly20032003 on May 29, 2018, 05:10:00 AM
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.  :)


Title: Re: [Tutorial] How to add image to a post
Post by: lebrone08 on May 29, 2018, 05:44:42 AM
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


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: Strufmbae on June 14, 2018, 10:51:53 AM
I think that this should be added to op. 
Post images : " those who want and those who doesn't want".


Title: Re: [Tutorial] How to add image to a post
Post by: suchmoon on September 14, 2018, 04:19:00 PM
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.

Lol Thanks for that. I was asked to make a page for our ICO. But tought what am I doing wrong with these images.

So it's not possible for new ICO's to make a thread about their ICO?

https://bitcointalk.org/index.php?topic=2385104


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: SuicidalDemon69 on October 15, 2018, 12:26:57 PM
Thanks for this. May I add a follow up question? Can I do new tabs instead of redirecting after clicking the image? Is this possible? What codes needed on that. Sorry for this question. I'm not a web developer, I only have few basic knowledge in coding.


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: Flangler on December 01, 2018, 03:56:24 PM
Are parameters in Pixels or what? I can't figure it out.


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: TheBeardedBaby on February 28, 2019, 06:50:52 PM

You need to be a Jr. Member or copper member to be able to post images.
Read this : https://bitcointalk.org/index.php?topic=2385104.0
And this: https://bitcointalk.org/index.php?action=credit;promote


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: ChiBitCTy on January 12, 2020, 05:27:51 PM
I have tried to figure this out for a good mn this morning w/no luck,  so now looking for some help..

I am on cell and trying to imbed a photo. It’s simple to do on desktop (shared links- bbc code). Used to be able to use Imgur mobile but they recently shut that down (lack of use). . Now it’s desktop or app. As far as I know there’s no way to get shared codes from the imgur app. You cant use an album link wrapped in img code from what I’ve read either. Any help greatly appreciated!


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: noorman0 on January 12, 2020, 06:38:37 PM
_snip_
You cant use an album link wrapped in img code from what I’ve read either. Any help greatly appreciated!

Afaik, one [img] code can only display one image. Can't display several pictures at a time, let alone all the pictures in a folder.
And I'm sure this also applies before I come to this forum. This is based on my experience as another SMF member before.

Let me know if I misunderstood the purpose of your question. ;D


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: ChiBitCTy on January 13, 2020, 01:02:07 PM
_snip_
You cant use an album link wrapped in img code from what I’ve read either. Any help greatly appreciated!

Afaik, one [img] code can only display one image. Can't display several pictures at a time, let alone all the pictures in a folder.
And I'm sure this also applies before I come to this forum. This is based on my experience as another SMF member before.

Let me know if I misunderstood the purpose of your question. ;D

Yeah you kinda did lol. I appreciate your response tho! I believe the shared address generated when uploading a photo, even a single photo, is considered an album.  Someone around here surely knows the dealio w/this   ???


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: Timmzzy on August 04, 2020, 08:25:58 PM
Apart from making use of imgur.com is there no other ways to upload images online and get the link and use it on bitcointalk.org. because seems Imgur is a little bit complicated trying to upload images one after the other.


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: Flangler on August 24, 2020, 08:21:00 AM
What about if I want to take part in the image and make it clickable?? Is it possible or do I have to cut a part of image and make it manually?


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: DdmrDdmr on August 24, 2020, 09:38:43 AM
<...>
Take a look at the examples in the following guide:  Guideline on posting images (with size adjustments), hyperlinks (https://bitcointalk.org/index.php?topic=3974517.0).

It’s done through the BBCode Syntax. There’s no need to play around with the image, except to assure the size is under 2,5Mb.

<...>
As far as I'm aware, the hyperlink applies to the whole image, and cannot be applied to part.


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: Flangler on August 24, 2020, 12:13:30 PM
<...>
Take a look at the examples in the following guide:  Guideline on posting images (with size adjustments), hyperlinks (https://bitcointalk.org/index.php?topic=3974517.0).

It’s done through the BBCode Syntax. There’s no need to play around with the image, except to assure the size is under 2,5Mb.


I have searched through the internet and I did not find a proper solution. The tutorial you sent me only shows how to insert a hiperlink to whole image. I want to take a part of image without cutting it in paint or in whatever dav and map it with link.


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: Rizzrack on August 24, 2020, 12:56:26 PM
...I want to take a part of image without cutting it in paint or in whatever dav and map it with link.

It's very easy... You cannot do that here :)
No links embedded in half a picture, no pixel tracking of any kind, no shenanigans of the sort. Simple is better.


Title: Re: [Tutorial] How to add image, resize image and make image clickable
Post by: konfuzius5278 on November 17, 2020, 07:49:12 AM
Did put Images before on own host.

Is there a problem with that currently, because the image is always cut of, despite how small I do it....

Size 58 kb only

Thanks

Edit: Seems to be gone after half hour of waiting.