Readmore automatic with thumbnail

There are many way to hack readmore with blogspot (ex search google with keyword: Hack readmore with blogspot), but I think it very complications when you posting.

Today, I recommend hack readmore automatic support thumbnail(demo)


Go to Template - Edit HTML, Expand widget and search:
Replace with code:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Search then add this code before:

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://taolaga.googlepages.com/summary-post-v20-test.js' type='text/javascript'/>

Edit summary_noimg; summary_img; img_thumb_height; img_thumb_width if you want
Save and Finished