Welcome to my guide!
I will be guiding you on how to make a clickable signature, so here it goes!
There are two ways listed below:
Both of them work correctly c:

Sorry for not using spoilers, since they seem to break when I use color and bold.


BBCode Formatting:

First step:
Upload your image.
To do this, take your image to an image-hosting website, such as imgur, or gyazo. Then after it finishes uploading, right-click the image, and select "Copy Image Location", then paste it somewhere safe. DO NOT place the image in your signature yet.​

Edit: Thanks to Lycel, now we have extra secret knowledge that "Copy Image Location" is "Copy Image URL" on Chrome, and "Copy Shortcut" on Internet Explorer. It is currently unknown what it's called on Microsoft Edge, but soon we will find out. ∆

Second step:
Copy and paste your link that you want your image to lead to, then click the winch sign on the toolbar, then afterwards, click switch to BBCode editor.

[URL="PASTE URL HERE"]
Do not close the tag yet.

Third step:
Now, we can combine the image with the URL.
The code for the image will be:

[IMG]PASTE IMAGE URL HERE[/IMG]
Copy and paste your link in the middle.

Then add it into the URL code, making it:

[URL="PASTE URL HERE"][IMG]PASTE IMAGE URL HERE[/IMG]

And then close the URL tag:
[URL="PASTE URL HERE"][IMG]PASTE IMAGE URL HERE[/IMG][/URL]​

This should make the image clickable, and lead to an actual link if you paste one in. I hope you found my guide useful, and have a good day.

To all you grammar fanatics out there, I'd like you guys to find some mistakes here, and feel free to post them in the comments section!

Hidden Content:

**Hidden Content: Content of this hidden block can only be seen by staff members**

​

Image Linking:​

First Step
Paste in your image using the image button on the toolbar.
To do this, upload your image to an image hosting website, then right click your uploaded image then click "Copy Image Location"; "Copy Image URL"; or "Copy Shortcut".
Afterwards, click the button on the toolbar that looks like a painting of a mountain and a sun, then paste the copied link in.

Second Step
Press CTRL+A or CMD+A, or just select your image, then click the link button which looks like a linked chain.

Third Step
Paste in the link that you want the image to lead to into the link bar, then save it.

And you have a linked image!

Thanks GreenGuy for adding in the Image Linking way.​

​

 

Maybe something to note, I don't know what browser you're using (I assume Firefox?), but on different browsers the 'Copy Image Location' can be called different things. Internet explorer's is 'Copy Shortcut', Chrome's is 'Copy Image URL' and Firefox's 'Copy Image Location'.
Other than that, excellent guide ;3 11/1o Stanky. c:

 

Yay thx c:
Yeah, I'm using firefox, and I'll edit that in now.

 

Nice guide man. This could be very useful for people struggling to make a sig.

 

Excellent guide, but I'm a bit confused in step 3 with all the codes.

 

Okay, so first:

REPLACE () WITH []

Add in: (URL="YOUR URL HERE")

After that, add an image tag beside it.

(URL="YOUR URL HERE")(IMG) YOUR IMAGE LINK HERE (/IMG)

Now, (IMG) is the opening tag of the image, while (/IMG) closes it.
Notice that (URL) isn't closed yet, that means your image will lead to it.

After you've done all that, close the URL with (/URL)

So
(URL="YOUR URL HERE")(IMG) YOUR IMAGE LINK HERE (/IMG)(/URL)

This will sandwich your image between the two URLs and will make it lead to the URL.

 

Thanks, I think I understand it now c:

 

Alright, you're welcome.
c:

 

Thanks. c:

 

There's a bbcode called "plain" [b]

Better than "replace the ()"

 

Oo thx!
I'll edit it in now c:

 

All ill say, look down, clicky clicky

 

I found an easier way.
Simply just paste your image in your signature and highlight it with Ctrl + A and then click the 'Link' button located next to your font size and colour, it should look like a chain.

Once you've pressed that, simply put in your website address and then click 'Insert'

And there you have it! Save your signature and enjoy your picture link. It's what I did to add my moderator application link.

Sincerely,
GreenGuy

 

Thanks man! I'll add in your technique shortly.

 

Great guide. Really helps. Thank you.