Ảnh bị tràn ra lề - khanh98.blogspot.com

Nguyên nhân là do bạn chưa quy định kích thước lớn nhất của hình ảnh.

.img-thumbnail{margin:10px;border:1px solid #ccc;box-shadow:0 0 transparent inset,0 5px 0 -4px #fff,0 5px 0 -3px #ccc;padding:10px 0;width:150px;max-height:150px;text-align:center;float:left}
.img-thumbnail img{border:0;padding:0;width:150px;max-height:150px}
.img-thumbnail span{font-size:26px;line-height:70px;font-weight:bold}
.item-snippet {color: #999; font-family:Arial; font-size: 12px;text-align:justify}


tìm đoạn này

<data:post.body/>

<b:if cond='data:blog.metaDescription == &quot;&quot;'>
      <!-- Then use the post body as the schema.org description,
          for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
        <data:post.body/>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
    <b:else/>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
        <data:post.body/>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>
    </b:if>

thay thành

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='img-thumbnail'>
   <b:if cond='data:post.firstImageUrl'>
    <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
   <b:else/>
    <b:if cond='data:post.thumbnailUrl'>
     <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
    <b:else/>
     <span>No thumbnail</span>
    </b:if>
   </b:if>
  </div>
  <div class='item-snippet'><data:post.snippet/></div>
<div style='clear:both;'/>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
  <data:post.body/>
</b:if>