Easy way to make post summarries in front page in blogger

Well now that i have moved my blog to Blogger, i was looking around on how to do this and i found a few solutions out there, all doing the same thing.

The first one i saw was here:

http://www.bloggerbuster.com/2008/02/how-to-create-post-summaries-in-blogger.html

The rest all seem to do the same thing, which is to make a hidden div hideable only in the front page.

The main issue with that is that for each post you have to go into the "Edit Html" tab and manualy put the surrounding Div.

Knowing that i may be too lazy to do this each time, i came up with a quicker and easier way to do it, in a "good enough" kind of way.

How to do it:

1) in your blogger admin goto "Layout" then "Edit Html".

2) inside the html editor look for the "" tab and just above it copy and paste the following code:

<b:if cond='data:blog.pageType != "item"'> <style>.post-body{max-height:200px;overflow:hidden;}</style> </b:if>

3)Save and see how it looks like.

Pros:

Easier to implement, and you dont have to do anything manualy ever after.

Cons:

It doesnt have the fancy, "read more" links, and it will cut of the text in some situations...

You
also dont have the control of where does the summary ends.. like you
used to , but then again you dont have to set it manualy each time.

Possible modifications and improvements:

- change the "max-height" value to something else to play around with the height of the summaries.

- add some other cool things to the div with simple css commands like vertical scrolling etc, or change the color...

#
There are many things you can do for this with CSS, i hope to hear some
ideas in the comments and i will move them to the post if they are good.