Automatic Thumbnail and Read More Function for Blogger

Read more function is used to cut our post on homepage, post will appear fully when we click read more link. It's cut automatically and if we insert image, it appears thumbnail.
This is automatic read more function with thumbnail. We just need to set up our HTML code.

Follow steps:
1. Go to "Layout" click "Edit HTML"

2. Tick on "Expand Widget Templates"

3. Find this code : <data:post.body/>(Using Ctrl + F)

4. Replace with this code below

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script src='http://ankitbajaj151.googlepages.com/readmore.js' type='text/javascript'/>
<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' >Read more</a> </span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> </b:if>

5. Save / Check your blog

Note:
If you need help to install it or to customize it, pls contact here.

If you like this post, say thanks.