Bitcoin Forum
September 17, 2019, 01:34:19 PM *
News: If you like a topic and you see an orange "bump" link, click it. More info.
 
   Home   Help Search Login Register More  
Pages: [1] 2 »  All
  Print  
Author Topic: [Tutorial] How to add image, resize image and make image clickable  (Read 1711 times)
coly20032003
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 16, 2018, 12:06:54 AM
Last edit: February 19, 2018, 09:19:26 PM by coly20032003
Merited by qwk (2), OgNasty (1), vapourminer (1), qwertyup23 (1), JWKY (1), Praesidium (1), Coins4Days (1)
 #1

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:
image loading...

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]http://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!  Smiley Smiley Smiley

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
Advertised sites are not endorsed by the Bitcoin Forum. They may be unsafe, untrustworthy, or illegal in your jurisdiction. Advertise here.
1568727259
Hero Member
*
Offline Offline

Posts: 1568727259

View Profile Personal Message (Offline)

Ignore
1568727259
Reply with quote  #2

1568727259
Report to moderator
owlcatz
Legendary
*
Offline Offline

Activity: 1946
Merit: 1228


BTC, XMR & VIA FTW


View Profile WWW
February 16, 2018, 12:09:34 AM
 #2

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

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
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 16, 2018, 12:17:28 AM
 #3

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

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

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
roccstar
Full Member
***
Offline Offline

Activity: 175
Merit: 150



View Profile
February 16, 2018, 01:52:03 AM
 #4

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

Activity: 1946
Merit: 1228


BTC, XMR & VIA FTW


View Profile WWW
February 16, 2018, 01:59:28 AM
 #5

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
Legendary
*
Offline Offline

Activity: 1134
Merit: 1466


CS <3


View Profile
February 16, 2018, 02:14:05 AM
 #6

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
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 16, 2018, 04:55:55 AM
 #7

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.

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
killyou72
Copper Member
Hero Member
*****
Offline Offline

Activity: 1260
Merit: 884


View Profile
February 16, 2018, 05:01:42 AM
Merited by hilariousandco (1)
 #8

Awesome attempt to get merit, I hope you get none

You should add in the OP how to resize images

rent my signature just PM me, or pay me to not post ;P
coly20032003
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 16, 2018, 06:49:39 AM
 #9

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

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.

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
owlcatz
Legendary
*
Offline Offline

Activity: 1946
Merit: 1228


BTC, XMR & VIA FTW


View Profile WWW
February 16, 2018, 03:35:59 PM
 #10

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? Cheesy
Praesidium
Full Member
***
Offline Offline

Activity: 411
Merit: 103


View Profile
February 16, 2018, 07:27:42 PM
 #11

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
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 17, 2018, 12:34:07 AM
 #12

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!  Cheesy

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
coly20032003
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 19, 2018, 07:50:20 AM
 #13

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.

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
iasenko
Hero Member
*****
Online Online

Activity: 686
Merit: 1213


Running my first Full Node :)


View Profile WWW
February 19, 2018, 08:14:44 AM
 #14

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

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
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 19, 2018, 09:20:28 PM
 #15

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

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 Smiley

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
coly20032003
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
February 27, 2018, 01:16:03 AM
Last edit: February 27, 2018, 01:26:36 AM by coly20032003
 #16

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

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.

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
theyoungmillionaire
Sr. Member
****
Offline Offline

Activity: 365
Merit: 923


Just in case no one loves you, I love you 3000.


View Profile
April 06, 2018, 06:59:33 AM
Last edit: June 04, 2018, 06:07:14 AM by theyoungmillionaire
 #17

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

coly20032003
Full Member
***
Offline Offline

Activity: 308
Merit: 102


View Profile
May 29, 2018, 05:10:00 AM
Last edit: June 04, 2018, 07:11:36 AM by coly20032003
 #18

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

   ⚡⚡ PRiVCY ⚡⚡   ▂▃▅▆█ ✅ PRiVCY (PRIV) is a new PoW/PoS revolutionary privacy project ● ☞ ✅ Best privacy crypto-market! ● █▆▅▃▂
    Own Your Privacy! ─────────────────WebsiteGithub  |  Bitcointalk  |  Twitter  |  Discord  |  Explorer─────────────────
   ✯✯✯✯✯                 ✈✈✈[Free Airdrop - Starts 9th June]✅[Tor]✈✈✈ ║───────────║ Wallet ➢ ✓ Windows  |  ✓ macOS  |  ✓ Linux
lebrone08
Jr. Member
*
Offline Offline

Activity: 142
Merit: 2


View Profile
May 29, 2018, 05:44:42 AM
 #19

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

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. Wink
https://bitcointalk.org/index.php?topic=703657.0
Strufmbae
Member
**
Offline Offline

Activity: 364
Merit: 20

Every Day is A Good Day (:


View Profile
June 14, 2018, 10:51:53 AM
 #20

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

Pages: [1] 2 »  All
  Print  
 
Jump to:  

Sponsored by , a Bitcoin-accepting VPN.
Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!