Auto Read More with thumbnail for Blogger/Blogspot

How to Add 'Automatic Read More' Link in Blogger

Earlire we have posted article to "Add Read more Link and show Partial Blog- Manually. "Now This post ease your work and automatically add read more link below all post after few words,lines that can be customized.

To add Automatic read More Link In Blogger Homepage

• Go to blogger
• Now go To templare>Edit
• Find </head>
• Paste following script 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='https://allin1web.googlecode.com/svn/trunk/JavaScript/Auto-Read-More-Link-in-Blogger.js' >
</script>

• Now Find <data:post.body/> and replace it with following code.[If you find <data:post.body/> more than one, replace in all occurrence]

<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;'/>
<div class='jump-link'><a expr:href='data:post.url' expr:title='data:post.title' >Read more...</a></div><a href="http://allin1-web.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEfcaXQ-P67EOlrjcxsKh34S7_Qx2_Km9av9P0lR4XW2QMjBy7ePyX9p37ehemSJTIv5uiyZ4o7Dwog1PlisMFsm31-qEZnaFPwMOaQ9deohyBAYl-SPDAv9jn0mbLmVeukOBzJKbFAI/s1600/1x1juice.png"></a>
</b:if>
</b:if>

• Save it...You are Done.

I hope you have successfully Used trick to add Read More Link on Blogger automatically.