How To Show The Summaries Of Your Blog Posts Automatically Right There In Your Home Page

Step 1:   Search for <data:post.body/>

You will find two <data:post.body/>. Just scroll down the html texts. You will be able to mind the another <data:post.body/>.
==================================================

Step 2:    Now Replace both the <data:post.body/> with the codes given below:

<b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.snippet'>
          <b:if cond='data:post.thumbnailUrl'>
              <div class='Image thumb'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
          </b:if>
            <data:post.snippet/>
    <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
          <b:else/>
<data:post.body/>
</b:if>
      <b:else/>
      <data:post.body/>
      </b:if>

======================================================

Step 3:  Search for ]]></b:skin>

Before/above  ]]></b:skin>  paste the following codes:

.thumb img {
  float: left;
  margin: 0 10px 10px 0;
}

You can customize where you want to show your thumbnails either  to right or left.. Just change the value left;  to right;   or just leave as it is.


Thanks For Reading!