Create Auto Read More ( no thumbnail) Posted by vuluganck | at Monday, May 04, 2009

Long time ago I have published 1 tip about creating Auto Readmore ( supporting thumbnail ) of Vietwebguide.com, and this tip will guide you how to create that Auto Read more again but it does not support the 1st thumbnail. Its advantage is you do not need to put the summary part between <span class="fullpost"> and </span> and other side, if you are owning many articles,posts...and now you want to make read more to your blog , you can not add the summary part <span class="fullpost"> to them all.Let me show you an example, you have 1000 articles so when will you finish ?And...
You like that "auto Read more" , but you don't like the thumbnails shown at each post, oh it makes you dizzy.

Now you don't need to worry , because you will get the new Read more with the similar features that you don't have any thing else.The only difference is no thumbnail.

Log in your blogger account , go to Edit HTML ( should back up your template) > choose Expand Widget Tempate , 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;937920098338306331&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 , click here to view the instruction.

Note: If you can not find the code <data:post.body> because you have changed your template source many times, so try with the last <data:post.body> as you see.
If you have any problem please leave me a comment below , I will help you.

Follow me on Twitter now or subscribe me now to get the great tips for blogger everyday , don't leave them.
Thanks very much.
Zen