Recent Posts Widget With Thumblines For Photo Bloggers

One of Photo Bloggers request me to post this aticle,So Many Photo Bloggers are suffered to find appropriate Recent Post Widget to their blog. I added this widget on my Photo Blog Fun Evil

I Modified the original Blogger widget Developed by Kranthi.

Lets see how to install.....



Go to Blogger Layout » Add a gadget » html/javascript

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp516TjELMOPr6b6Tj8o_NOoKuI-RU0fK4cjvlAM4GmuiRkO-ZMSMOeO5eaVOfgfWqWScaDJrDTL5U5wdqvoaANuutYotfxa5biXP5sBP1k147WhQwZqYHzYE72PxuWzUFfJI5iGRCDJZV/";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp516TjELMOPr6b6Tj8o_NOoKuI-RU0fK4cjvlAM4GmuiRkO-ZMSMOeO5eaVOfgfWqWScaDJrDTL5U5wdqvoaANuutYotfxa5biXP5sBP1k147WhQwZqYHzYE72PxuWzUFfJI5iGRCDJZV/";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp516TjELMOPr6b6Tj8o_NOoKuI-RU0fK4cjvlAM4GmuiRkO-ZMSMOeO5eaVOfgfWqWScaDJrDTL5U5wdqvoaANuutYotfxa5biXP5sBP1k147WhQwZqYHzYE72PxuWzUFfJI5iGRCDJZV/";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp516TjELMOPr6b6Tj8o_NOoKuI-RU0fK4cjvlAM4GmuiRkO-ZMSMOeO5eaVOfgfWqWScaDJrDTL5U5wdqvoaANuutYotfxa5biXP5sBP1k147WhQwZqYHzYE72PxuWzUFfJI5iGRCDJZV/";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp516TjELMOPr6b6Tj8o_NOoKuI-RU0fK4cjvlAM4GmuiRkO-ZMSMOeO5eaVOfgfWqWScaDJrDTL5U5wdqvoaANuutYotfxa5biXP5sBP1k147WhQwZqYHzYE72PxuWzUFfJI5iGRCDJZV/";


showRandomImg = true;

boxwidth = 160;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#251E1B";

thumbwidth = 160;

thumbheight = 150;

fntsize = 12;

acolor = "#AD4100";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#AD4100";

icon2 = " ";

numposts = 8;

home_page = "http://funevil.blogspot.com/";

</script>

<script type="text/javascript">


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){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='<a href="'+posturl+'"><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/>'+icon+'<a href="'+posturl+'">'+posttitle+'</a>';if(summaryPost==0){trtd='<img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/>'+icon+''+posttitle+'</a>';}document.write(trtd);j++;}document.write('');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

</script>

»Now customize your Widget...

»boxwidth - Width of the widget
»cellspacing - Space between two posts
»borderColor - Border color-background color of your blog
»thumbwidth & thumbheight - Width and Height of the thumbnail
»fntsize - Font size of the post title
»acolor - Color of the post title
»aBold -font weight
»numposts - No of posts you want to Display

»Finally save and see your Blog