Automatic Post Summaries Hack for Blogger with Thumbnails

This hack will automatically create post summaries with thumbnails.. you needn't need to add any extra code in every blogpost that you make..These summaries will be displayed on all pages other than the post page. You can view demo in this blog.

First of all Edit your blogger template
Find this code:

</head>

and replace it with

<script type='text/javascript'>

var thumbnail_mode = "float" ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

</head>

Offcourse you can edit these parameters..

Now Find

<data:post.body/>

Replace it with

<b:if cond='data:blog.pageType == "item"'>

<data:post.body/>

<b:else/>

<div expr:id='"summary" + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb("summary<data:post.id/>");

</script>

<div style='clear: both;'/>

<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>

</b:if>

And you are done.. now you should have the post summaries on your homepage,search results,archive and label pages..is it working don't forget to tell me.