Thursday, March 13, 2008

Use your own pictures as comments.

I'm sure that you are very proud of those pictures you have in your photo album on MySpace and would love to show them off. Or maybe you just can't seem to find the perfect picture comment on any of the several MySpace layout websites. Fortunately, it is very simple to show off your own photos as a comment to all of your friends. I'm going to give you the HTML you need and explain the process involved. Then, I am going to go into more depth on what the HTML is doing and why. This way you will be able to modify the code if you feel you need to.
The first thing you need to do is copy the HTML to place the image as a comment
<img src="" width="260px">
Paste this into notepad so that we can insert the picture into it. You could also go ahead and paste it as the comment then open a new tab in your browser to get the address of the picture. Either way, the next thing you will need is the URL or location of the image you want to use. Go into your albums and find the picture that you want to use. Right click on the image and select "Properties" from the pop up menu. When the Properties box appears, you will see a line that says "Location" and next to it is a line that begins with "http://" Highlight the location, make sure that you get the entire address. It should begin with "http" and end with ".jpg". Now, go back to the line of html. Click your mouse between the quote marks following src=. Then, right click and select paste. The address will now be pasted between the quote marks for src and you are ready to post your comment. Click on the post comment button and see if the image appears the way you want it. If it doesn't, you can always click on the back button and make changes or start over.
The HTML is fairly simple. Within the brackets is the tag for placing an image "img" and the source of the image "src". I also added a width of 260 pixels to make sure that the image fits in the comment area and fills it properly. The web browser will take care of setting the height property so the image is not distorted. If you want to add your own caption for the picture or add some text, you can do that before the html if you want your text above the picture or after the html if you want your text to appear below the picture.
You can also make your own picture comments and upload them to image hosting services like photobucket or flickr. Once you set up an account and upload your image they provide you with the html you need to leave the images as a comment. Just make sure that the images you upload are no wider that 160 pixels or your comment may get deleted by your friend when it interferes with their layout.

1 comment:

Anonymous said...

where was this post when I needed it ey'....I like to be anonymous in my comments though heheheh