Shortest Auto Readmore Thumbnail widget for Blogger

Bloggers default layout for recent posts on homepage makes the blog load for longer. You yourself can track the loading time of your blog with auto readmore widget. We've tried to use the lightest weight script so that it will make your blog load quicker. We've added image hovering effects when clicking the thumbnails to open the post.

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 == &quot;index&quot;'> <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(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;)); </script></a> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if> Live Demo