Sunday, January 23, 2011

Recent Posts Widget With Thumblines For Photo Bloggers

0 comments 1/23/2011
Sign up to receive our site updates!
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] = "http://lh4.ggpht.com/_-A4vw5BwqxA/TQxokfZqZQI/AAAAAAAAE5U/V9BJwOqf1wU/NoPreview.jpg";

imgr[1] = "http://lh4.ggpht.com/_-A4vw5BwqxA/TQxokfZqZQI/AAAAAAAAE5U/V9BJwOqf1wU/NoPreview.jpg";

imgr[2] = "http://lh4.ggpht.com/_-A4vw5BwqxA/TQxokfZqZQI/AAAAAAAAE5U/V9BJwOqf1wU/NoPreview.jpg";

imgr[3] = "http://lh4.ggpht.com/_-A4vw5BwqxA/TQxokfZqZQI/AAAAAAAAE5U/V9BJwOqf1wU/NoPreview.jpg";

imgr[4] = "http://lh4.ggpht.com/_-A4vw5BwqxA/TQxokfZqZQI/AAAAAAAAE5U/V9BJwOqf1wU/NoPreview.jpg";


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
Your Ad Here

0 comments:

Respects for your's Questions & Opinions

  • Friends
  •  

    Recent Posts

    New Comments

    Copyright 2008 All Rights Reserved Tech Tasks Template by Rajesh Kumar Chekuri

    Share
    Me
    Twitter Facebook Google +1 Pinterest Delicious Digg Stumbleupon More

    Connect to TT Facebook Google +1
    Back to Top