Monday, February 13, 2006

Images and posts editing

Part one: better looking images
Sometimes the images taken with the automatic settings of your cam need a little adjustment to look better on the computer display, since it is different from the print.
You need some image/photo editing software.
Here is an example of a little image editing using an old version of PaintShopPro 7.04 with pre-defined filters for contrast and saturation.

Original picture

More contrast and saturation


Part two: how to compose images and text in the blog posts
You need to use the "Edit Html" instead of "Compose". First you upload all the pictures you want to add to your post and you get something like:

‹a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/4255/574/1600/gigi-a.jpg"›‹img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://photos1.blogger.com/blogger/4255/574/320/gigi-a.jpg" border="0" alt="" /›‹/a›
(first image of the list, name "gigi-a.jpg")
‹a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/4255/574/1600/gigi-b.jpg"›‹img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://photos1.blogger.com/blogger/4255/574/320/gigi-b.jpg" border="0" alt="" /›‹/a
(second image of the list, name "gigi-b.jpg")

Each of these code blocks contains the link part, that is the ‹a href="blabla">‹/a› and the image that is the ‹img src="blabla.jpg"›, inside the link.
You can then sort the images in the post cutting and pasting the code blocks in different places in the list and you can then add the comments writing text directly above or under each block, like:

‹a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/4255/574/1600/gigi-b.jpg"›‹img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://photos1.blogger.com/blogger/4255/574/320/gigi-b.jpg" border="0" alt="" /›‹/a›
Comment: This is the picture I want to show you

Note:
Once you have read this post and you managed to sort pictures and add comments you can delete this and also the previous "test" (you can grab the code blocks from thare to fix your original post).

1 Comments:

Blogger Babsie said...

Hi Lorenzo...thank you for the instructions...i did not get to it yesterday because after you left i did some of the tons of homework that i have to do....


guess what...we were fitted for our graduation uniforms today...i am so excited because it is getting closer and closer...

now i have an appointment with the lawyer that i have to get to...

cia darlin' see you later

11:59 AM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home