How To add auto read More in Blog Post

This is Very Use Full Tricks for blogger For this widget Many BLoggers Use A templates How to add in blogger template i will tell you this trick make your homepage beautifull and visitor find Every post easily this widget make Your Template Beautifull This widget show your Post header and Some Post And said read More
So let's Start

How To add auto read More in Blog Post

• Go to Blogger.com
• Open template>edit HTML
• Simple Click in Code area
•        Press CTRL+F
• And find this code </head>
• Copy this Code and paste above </head>

<script type='text/javascript'>
var thumbnail_mode = "no-float" ; 
summary_noimg = 400;  /* Summary length if no image*/
summary_img = 300; /* Summary length with image*/
img_thumb_height = 200; /*Image Height*/
img_thumb_width = 200; /*Image Width*/
</script>
<script type='text/javascript' src='http://onlinehelperblogcodes.googlecode.com/svn/branches/Js%20files/auto-readmore-blogger.js' ></script>

Again Find This Code in Code area

 <data:post.body/>

And Replace With Code If you find More then one replace all With this 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><a href="http://onlinehelperblogblog.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88TIf2fqiDOTfJd4Lf-F4CxzXYOuCM6Lbr7sqSBnnKRvpMzwHwfxo6MmP9RzrKNOBlQnyWAAquqMRP9ACJmE35RBRgdMJ22_o6Y6YJU-UheTxD4murashik1ADxzG4f-iAn_DfVigaVw/s1600/1x1juice.png"></a>
</b:if>
</b:if>

Save Your template finish
Congratulation ......your widget uploader in your Template