You'll notice that throughout this entire guide, I've been using images as if I just pasted them in. The way you do that is with the below code:
[img][/img]
You can also get this code from clicking the Mona Lisa icon, which is directly below the button for
Italics.The steps are as follows:
1. Locate whatever image you'd like to use.
2. Put it on a site like imgur.
3. Once it's on the site and you're viewing it,
right click the image and "open in new tab".4. You will notice that the URL changes.
5. Get the changed URL (the correct one), and paste it in between the
[/code]
Now look what happens when I use that URL in the image code. Notice that the image URL is just "/1P9lcY8".
The image is broken?! What gives?! The URL looks like the right one, doesn't it?
Wrong. We'll need to open the image in a new tab.
STEP 1:Now that we have opened the link in the new tab, you'll see that the URL has changed and you'll see that the only thing on the webpage is the image:
FINAL WEBPAGE:Notice how on that webpage, the URL is different from the one I showed you before.
The URL used to be like this:
[img]http://imgur.com/1P9lcY8[/img]
But now the URL is like this:
http://i.imgur.com/1P9lcY8.png
Notice that the url now has .png on the end of it. It's changed. Now, when I paste it in, instead of getting a broken image, I get an image like this:
So that's how you embed images into your post.
You can also change the size of the image, which I'll show you now.See in the below code, how there's "width=500" and "height-250"? You can change those to change the display dimensions of the image.
[img width=500 height=250]http://i.imgur.com/1P9lcY8.png[/img]
If I wanted the width to be smaller I could just make the code like this:
[img width=250 height=125]<link>[/img]
If I wanted it to be bigger:
[img width=1500 height=750]<link>[/img]
So yep. That's how you change the size of your image if you'd like to do that.