How to Auto Read More without thumbnails on Blogger

Earlier I wrote a guide on How to Auto Read More with Image thumbnails on Blogger and now contrary to that, this tutorial will show you how to Auto Read More without image thumbnails on your bBogSpot blog. This hack will automatically create post summaries. Just follow the steps below

Go to you blogger Dashboard>>Design>>Edit HTML

Tick "Expand Widget Templates"

Look for <data:post.body/> tag in your template. [Tip: You can search for this code by pressing CTRL + F on your keyboard] and replace <data:post.body/> with the following code

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'/>
<script type='text/javascript'>
var blogID = &quot;Your_Blog_ID&quot;;
function retriveSummaryPost<data:post.id/>(json){document.getElementById(&quot;summary<data:post.id/>&quot;).innerHTML
= json.entry.summary.$t + &quot;...&quot;}

function createSummaryPost<data:post.id/>(POSTID){ var script =
document.createElement(&quot;script&quot;);
script.src = &quot;http://www.blogger.com/feeds/&quot;+blogID+&quot;/posts/summary/&quot;+POSTID+&quot;?alt=json-in-script&amp;callback=retriveSummaryPost<data:post.id/>&quot;;
script.type = &quot;text/javascript&quot;; document.getElementsByTagName(&#39;head&#39;)[0].appendChild(script);
}
</script>
<script type='text/javascript'>
createSummaryPost<data:post.id/>(&quot;<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt;Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='post_body'><data:post.body/></div>
</b:if>

Replace Your_Blog_ID in the above code with the ID of your Blog. To get your Blog ID, go to your Blogger Dashboard and then click Edit Posts. Navigate to your Browser's window at the top. You'll see your blog ID written at the end like 3999229671156764502. Just copy those numbers and replace with Your_Blog_ID ...That's it

Share on...