Auto Read More Summary with Thumbnails for Blogger

Now You can install auto read more or summary function in your blogger blog with thumbnail. This blogger trick will help you to insert auto read more link in every post. Whenever you will publish a post, a summary will be displayed in your mainpage or label page of blog with a link ” Read More ” and when any one will click on that link, he/she will be able to read full post. This is all on auto. Follow these steps to add a automatic read more trick in your blog.
  • Login to Your Blogger Account
  • On Your Dashboard, Click on Layout (see below shown picture for further assistance)
  • Now Click on HTML (see below shown picture for further assistance)

  • Search This Code </head>
  • Now Add Below given code just before </head>
<script type=’text/javascript’>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src=’http://keerthiset2.110mb.com/excerpt.js’ type=’text/javascript’/>
  • Now Check Expand Widgets Box and Search for <data:post.body/>
  • Remove <data:post.body/> and paste below given code
<b:if cond=’data:blog.pageType == &quot;item&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;’/>
<span style=’padding-top:5px;;float:right;text-align:right;’><a expr:href=’data:post.url’ rel=’bookmark’><b>Reade more >></b></a></span>
</b:if>
  • Now SAVE TEMPLATE and check your blog
Its Done!
If you face any problem, discuss here using comments form

Posted in: ,,,