Easy Make Readmore For Blogger

1.  Login to Blogger Dashboard
2.  Go to Design Section
3.  Select Edit HTML tab
4.  Check Expand Widgets ( i.e Tick Expand Widgets check box )
5.  Find the closing </head> tag
6.  Replace it with bellow Code

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript' src='http://palingkomplet-readmore.googlecode.com/files/auto_readmore_blogger.js' ></script>
</head>

You can change this :

summary_noimg = 400;    :Summary length if no image
summary_img = 300;    :Summary length if it has image
img_thumb_height = 100;    :Thumbnail image height
img_thumb_width = 120;    :Thumbnail image width

Now find this <data:post.body/> tag in your template and replace it with below 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 class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span>
</b:if>
</b:if>

# Finally Save your template and check your blog