Auto Read More Summary Without Thumbnail for Blogger Blog ~ Black Sakura : heaven of blogging

Share it Please

Auto read more Summary script without thumbnail for blogger blog. It's a blogger feature to extract the data or snippet from post with this script.

Auto read more summary

Here is simple jquery to use in your blog and generate relevant summmary or rich data snippet. it's very fast loading and without thumnail so no load to any image thumbnail.

How to Apply auto readmore code into your blogger blog

Log in your blogger account
Go to Edit HTML ( should back up your template) then look for the code <data:post.body/>
( Press Ctrl F or find it each line , up to you).
Replace it by this whole 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;2987980999852739939&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>

Look for the red code, that is the number of your blogID, if you don't know how to get your blogID , see below here to view the instruction.

How to get Blogger Blog ID :
Log in your blogger.com account > Edit Posts , ok look for the address bar, you will see the blogID with this form :
http://www.blogger.com/posts.g?blogID=xxxxxxxxxxxxxxxxxx