<div class="card-columns"> <script> function showlatestposts(json){ for(var i=0;i<800;i++){ var random =Math.floor(Math.random() * 10000) + 5000; var entry=json.feed.entry[i]; var tit=json.feed.entry[i].title.$t; var sum=json.feed.entry[i].summary.$t; var entryShort = sum.substring(100, 250); var thumburl; try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png';} var labels = []; // collect labels here for(var j = 0; j < json.feed.entry[i].category.length; j++){labels.push(json.feed.entry[i].category[j].term);} var postsurl; if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}} document.write('<div class="card"><table><tr><td><img class="rounded" src="'+thumburl+'"/></td><td><a class="text-secondary align-top" href="'+postsurl+'">'+ tit +'</a><br/><span class="badge badge-success">Views: '+random+'</span><span class="badge badge-light">'+labels+'</span></td></tr></table></div>'); }; }; </script> <script type="text/javascript" src="/feeds/posts/summary/-/beef?max-results=100&alt=json-in-script&callback=showlatestposts"></script> </div>