Inserting Images in MySpace Comments

Adding a picture to a MySpace comment is easy, and anyone can do it.

First you need a picture. One that you think is worthy of posting on somebody’s MySpace comments.

This picture needs to already be on the internet (not just your computer!) If it is not already on the internet, you can add it to any number of free image-hosting sites (such as www.photobucket.com)

Let’s say I found an image. One I want to use, but it’s on my computer and not the world-wide-net. I uploaded it to www.photobucket.com, and found out that the direct link to the picture itself is:

http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg

This would greatly help especially if you’re already using a website creator as it adds more elegance and helps improve conversion. Getting back to the topic, if you were to type that (or copy and paste it) into Firefox or Internet Explorer, the picture would come up.

Now, to get that exact picture onto a comment, you simply copy the exact link address, and open up the ‘add comment’ box in MySpace.

Now here comes the manual adding of HTML code.

The computer reads HTML as a series of instructions. Each instruction is housed within a pair of “less-than” and “greater-than” signs. I would use them in this article, but the computer will read them as instructions, and not show them to you, so instead of using the symbols shown when you press Shift+, or Shift+. I will simply replace them with these symbols { }

You will instruct the computer to place the image you want on your friend’s MySpace comments.

So open up the instruction with the less-than sign, (replaced here with the left-bracket sign)

{

Next to that you need to write “image source”, shortened to “img src”, which the computer will understand.

{img src

Place an equals sign next to it, without spaces.

{img src=

Place a pair of quotation marks (no spaces, still)

{img src=””

then paste the internet address of your image in between the quotation marks.

{img src=”http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg”

Close the instruction with a greater-than sign

{img src=”http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg”}

That odd-looking code above is basically saying: Computer listen up ({) I want you to show an image. (img) The image is sourced (src) at “this address” “http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg” That is all you have to do (})

Try it, it’s so easy millions of people use it every day. Of course there’s far more to it than that. You can tell the computer to resize the image to whatever size you want, by adding width=”300″ or height=”326″. I just made up those numbers, but they represent how wide or high the picture should be in pixels. To get a better idea, the width of a YouTube video is 425 pixels wide. Ideally, posts you make in MySpace should be of this width as a rule of thumb, otherwise they could be too big and look stupid on your friend’s MySpace. It could even screw up their layout, forcing them to delete the picture.

So, if you were to post the picture above and ensure the picture is an aesthetically-pleasing 425 pixels wide, the code would be:

{img src=”http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg” WIDTH=425}

Notice the width=425 is within the , and has a space after the image address, but no space before the  gt; . That’s the fundamentals of it, but there are some other things you can do if you’re feeling particularly saucy. Adding the word ALT= followed by a bunch of text means that, if the image doesn’t load, or hasn’t loaded yet, the viewer sees the alternative text there until the image loads. So if I were to write

{img src=”http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg” WIDTH=425 ALT=”Hey look at my excellent picture!”}

Then my comment-buddy would see “Hey look at my excellent picture!” in the space where the image should load up.

Not only that, if you plan to write a message alongside the picture, you can, like in Word, use the HTML to place where you would like the picture. Simply add ALIGN=RIGHT within the if you plan to have the picture on the right-hand side of the text. Or, naturally you can use LEFT, CENTER, TOP, BOTTOM, or many more if you wanna get real technical about it. So, if I want the picture to go at the bottom of my message I would simply write

{img src=”http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg” WIDTH=425 ALT=”Hey look at my excellent picture!” ALIGN=BOTTOM}

You can even give your picture a pretty border by adding BORDER=5 . You can choose whatever number you like. The number merely represents the thickness of the border, in pixels. So BORDER=1 would mean it were only 1 pixel thick, and so on.

{img src=”http://i138.photobucket.com/albums/q248/aeroplane909/Teh%20Funnays/PaperBag.jpg” WIDTH=425 ALT=”Hey look at my excellent picture!” ALIGN=BOTTOM BORDER=10}

It’s easy, if you just take it 1 step at a time, suddenly the world of HTML seems to make a lot of sense, and you’ll be pasting pictures of a cat in a sink on your best mate’s MySpace in no time!

In conclusion, a quick example:

I want my picture to be 100 pixels wide, 200 pixels tall, alternative text saying “hey you!” and a 3-pixel border around the edge of it. It also has to be to the right of my message. The picture is located at www.mypicture.com/picture.jpg. The HTML you would write would be

{img src=”www.mypicture.com/picture.jpg” WIDTH=100 HEIGHT=200 ALT=”Hey You!” BORDER=3 ALIGN=RIGHT}

Remember to replace the { and the } signs with the less-than and greater-than symbols respectively!