Wednesday, April 18, 2007

Blog Tutorial: Advanced: Image Alignment

Anyone ever encountered pressing the alignment button a number of times but ending up getting frustrated because the picture on the entry seems to have a mind of its own and doesn't follow what you want it to do? There's a very simple way on how you can change the alignment of the images that you upload in your blog entries.

First, click on the image, which should already be on the Editor (to see a tutorial on how to do this, click here) . It doesn't matter how you've uploaded it, as long as it's already in the composer of your blog entries.:p Once you've selected it, click on the Image button. A window that looks like this should pop up.

image.jpg

From here, enter how much space you would want on the sides (even at the top and bottom!) on the "Horizontal Space" or "Vertical Space" areas, consecutively. These should be in numerical value and measures in pixels. There's really no exact way of saying how much the value of the space that you allot should be, because it really depends on how big the image you are uploading is. Try and see what the best value it via trial-and-error. A useful way of seeing how it looks like on your blog itself is by clicking "Save and Continue Editing" first instead of publishing it immediately. After the page loads, scroll down to the bottom of the page and check out the preview of how the blog entry would look like when it's published. Compare the way it looks to how you would want it to actually like it and work on the value from there.:) Once you're done, publish the entry so that the public would be able to view it.

No comments: