How to Auto Read More without thumbnails on Blogger

Sunday, April 10, 2011

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

You can follow us on Twitter or Join us on Facebook to receive all updates . . .




Share your views...

0 Respones to "How to Auto Read More without thumbnails on Blogger"

Post a Comment

 

Connect with us

Followers

© 2010 - 2017 theinfoW.com All Rights Reserved | Contact Us | About Us | Privacy Policy | Terms of Use |