Thursday, March 29, 2007

Blog Tutorial: Advanced: About Images

For those who like uploading images on their blogs but don't know how to format these to make it look nicer, this tutorial would be of great help to you.

For those who weren't able to see the blog basic tutorial on how to upload images, or if you've forgotten how to do it, here's how you do it:

There are two ways in uploading images in your entries. One option is to get an image already uploaded on the Internet. If you haven't put up yours yet, you can do so by first saving it in photo sharing sites, like Photobucket or Flickr. Once you've uploaded the image there, you can then get its link by right-clicking on the picture and then copying its URL. Bear in mind that you have to copy the Image URL and not that of the site you're taking the picture from, otherwise, it wouldn't work. Go to the Editor of your blog ("Write Post") and then click on the Image button (the one that looks like a tree). A window should pop up asking for the URL. Paste what you've copied and then click "Insert." The photo should then appear on the Editor.

Another option you have is if you upload the images directly here instead of coursing it through a photo sharing site. To do so, you have to have the images saved in your computer. Below the Editor is the Upload section. Click the "Browse" button and then search for the image you want to use. Once you've found it, click on it, followed by "Open." Upload it, and then afterwards, click "Send to Editor." The image should then appear there.

Another note: If there have been instances when the content of your sidebar appeared at the bottom rather than where it should be, chances are, the image you've uploaded at the top is a little too big. Resize its width down to 400 px and it should be back to normal.

How do you resize images, you ask? Aside from using photoediting software (like Photoshop), you can edit it by clicking on the Image button and then entering in "Dimensions" the size of how you want your image to be. Another great use of this little tree icon is changing the alignment of your images. If you've tried to change the position of your picture on your editor only to find it hasn't changed after publishing, you can manually edit it with this button. Click on the image and then the Img button. Click Horizontal space and then enter there the size of how much space you want to appear on the left and right sides of the image. There's really no definite number that you enter - it all depends on how big the image is.

Stay tuned for more image tutorials next week.

0 comments: