Recent post widget for blogger

In this post we are going to show blogger simple Recent post widget or label post widget.

Recent Post Widget - Option 1

<center>
<span style="font-family:  Verdana; font-size: 15px ;"><div align="left">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://goo.gl/OjbygN";
imgr[1] = "https://goo.gl/OjbygN";
imgr[2] = "https://goo.gl/OjbygN";
imgr[3] = "https://goo.gl/OjbygN";
imgr[4] = "https://goo.gl/OjbygN";
showRandomImg = true;
boxwidth = 0;
cellspacing = 0;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 100;
thumbheight = 80;
fntsize = 0;
acolor = "#000000";
aBold = false;
icon = " ";
text = " ";
showPostDate = false;
summaryPost = 0;
summaryFontsize = 0;
summaryColor = "#000000";
icon2 = " ";
numposts = 10;
home_page = "https://www.helplogger.blogspot/";
</script>
<script>function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></a></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'" >'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>';if(summaryPost==0){trtd='<tr><td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></a></td><td>'+icon+'<a href="'+posturl+'" >'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default/-/News?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");document.write('');</script></div>
</span></center>

Recent Post Widget - Option 2

<center><span style="font-family: Verdana; font-size: 12px ;">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://goo.gl/OjbygN";
imgr[1] = "http://goo.gl/OjbygN";
imgr[2] = "http://goo.gl/OjbygN";
imgr[3] = "http://goo.gl/OjbygN";
imgr[4] = "http://goo.gl/OjbygN";
showRandomImg = true;
boxwidth = 300;
cellspacing = 0;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 300;
thumbheight = 180;
fntsize = 0;
acolor = "#000000";
aBold = false;
icon = " ";
text = " ";
showPostDate = false;
summaryPost = 0;
summaryColor = "#000000";
icon2 = " ";
numposts = 3;
home_page = "https://helplogger.blogspot.com/";
</script>
<script>function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></a></td></tr><tr><td style="font-size: 0px;">'+icon+'<a href="'+posturl+'" >'+posttitle+'</a> - <span style="font-size: 0px; color: #616161;'+cmtext+' </span></td></tr></tr>';if(summaryPost==0){trtd='<tr><td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></a></td><tr><td>'+icon+'<a href="'+posturl+'" >'+posttitle+'</a></td></tr></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default/?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");document.write('');</script></span></center>

Lable Post Widget 

<span style="font-family:  Verdana; font-size: 15px ;"><div align="left">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://goo.gl/OjbygN";
imgr[1] = "https://goo.gl/OjbygN";
imgr[2] = "https://goo.gl/OjbygN";
imgr[3] = "https://goo.gl/OjbygN";
imgr[4] = "https://goo.gl/OjbygN";
showRandomImg = true;
boxwidth = 0;
cellspacing = 0;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 100;
thumbheight = 80;
fntsize = 0;
acolor = "#000000";
aBold = false;
icon = " ";
text = " ";
showPostDate = false;
summaryPost = 0;
summaryFontsize = 0;
summaryColor = "#000000";
icon2 = " ";
numposts = 10;
home_page = "https://www.helplogger.blogspot.com/";
</script>
<script>function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;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!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></a></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'" >'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>';if(summaryPost==0){trtd='<tr><td><a href="'+posturl+'" ><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></a></td><td>'+icon+'<a href="'+posturl+'" >'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default/-/Post_Lable_HERE?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");document.write('');</script></div>

</span>