Blogger Automatic Post Summaries with Thumbnails

Blogger automatic post summaries with Thumbnails modded version by Aneesh from Blogger Plugins. If you looking for more info find out there.

How to Blogger Automatic Post Summaries with Thumbnails

go to Blogger Design > Edit HTML > Expand Widget Templates and find this code </head> and replace with following code.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
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>

Now again search for this one <data:post.body/> and replace with following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</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>
</b:if>

Customization

summary_noimg = 250; — Defines how many characters will be displayed in posts without thumbnails.
summary_img = 250; — Defines how many characters will be displayed in posts with thumbnails.
img_thumb_height = 100; - Defines the height of the thumbnail.
img_thumb_width = 100; - Defines the width of the thumbnail.