Automatic Post Summaries / Read More Widget with Thumbnails – Blogger

I think you have see those neat summary thing on WordPress Blogs and would always want it. Blogger users have been always handicapped in some aspects like design, but now, its here!!

1) Go to the Blogger Dashboard –> Layout –> Edit HTML. Check Expand Widget Template.

2) Search for </head>

Paste this above </head>

<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’/>

3) Now search for <data:post.body/> or <p><data:post.body/></p>

Replace it with:

<b:if cond=’data:blog.pageType == &quot;item&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>

4) Now you’ll have summaries on Homepage,Search Pages, Archives and Label pages

[Via BloggerPlugins]


So lazy that he can't even fill this column out.

© 2009 Suhas Tech. All rights reserved.
Proudly powered by Wordpress.