BLOGGER RECENT POST IMAGE ONLY GADGET HTML CODE I RESIZE IMAGE AND NO OF POST

LATEST POST IMAGES ONLY GADGET FOR BLOGGER 'It is most useful for photo gallery or Magazine and News blogs. It attracts more vie...

LATEST POST IMAGES ONLY GADGET FOR BLOGGER

'It is most useful for photo gallery or Magazine and News blogs. It attracts more viewers to visit your post.'

Add Recent posts on your blog

This gadget just work on your HTML gadget place

1. sign in blogger and click to the left side tab 'Layout'

2. Select add a Gadget

A popup window opened. and select HTML

3. Paste the HTML code and Save.

Sample of recent post thumb gadget

Recent post HTML code 

Copy the code and paste to Html place

<style> /* CSS Recent Post Gallery Widget */ .recent-grid {padding:0;clear:both;} .recent-grid:after {content:"";clear:both;display:table;} .recent-grid .galleryview{position:relative;display:inline-block;margin:6px 0;overflow:hidden;} .recent-grid .galleryview a{text-decoration:none;float:left;position:relative;margin:0 6px} .recent-grid .galleryview .ptitle{display:block;background:rgba(0,0,0,.7);clear:left;position:absolute;font-size:10px;line-height:1.3em;text-align:left;bottom:3px;left:3px;right:3px;top:3px;color:#fff;overflow:hidden;padding:5px;word-wrap:break-word;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s} .recent-grid .galleryview:hover .ptitle{visibility:visible;opacity:1} .recent-grid a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s} .recent-grid a:hover img {border-color:#bbb;} </style> <script type='text/javascript'> //<![CDATA[ // Recent Post Gallery function gallerygrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-grid"> '],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"http://2.bp.blogspot.com/-4fCf53FqYKM/Vccsy7apoZI/AAAAAAAAK4o/XJkv3RkC0pw/s1600/default%2Bimage.png",s=n.replace("s72-c","s"+recentpost_thumbs+"-c"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+recentpost_thumbs+'" height="'+recentpost_thumbs+'"/>',p=recentpost_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" target="_blank" title="'+r+'">'+m+p+"</a>";e.push('<div class="galleryview"> ',g,"</div> ")}e.push("</div> "),document.write(e.join(""))} //]]> </script> <script> var recentpost_thumbs = 125; var recentpost_title = true; </script> <script src="/feeds/posts/summary?max-results=15&alt=json-in-script&callback=gallerygrid"></script>

Custom setting of Random post

Ressize the image thumbnail
     var recentpost_thumbs = 75;
   
Change no of post
feeds/posts/summary?max-results=14

Your gadget is ready