Adding Auto Read more thumbnail widget
Search for paste below css code above it.
Css
/* Setting Thumbnails width */
.pthumbnail{width:100%; height:auto;
display:block; margin:0 0 10px;
transition: all 0.3s ease-in-out 0s; }
img:hover.pthumbnail{opacity:.8;}
Search for: and replace it with below code
JavaScript
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
//<![CDATA[
function penit(e,d){var c=750;var a=true; if(a==true&&e==""){e}image_tag='<img src="'+e.replace("/s72-c/","/s"+c+"/s")+'" class="pthumbnail"/>';if(e!=""){return image_tag}};
//]]>
</script>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(penit("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script></a>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Live Demo