After so many tutorials I came to know about a working code which works perfectly for displaying particular label posts in side widget or in the body. However, there are many benefits of this widget, if you want to display different label posts on homepage then it will attract your visitors attention and it will also attract some curiosity towards your blog's design also. Here are the steps to be followed:
Steps To Be Followed :
Firstly, you should give a specific and unique label to your posts which you want to be shown up on another blog.
Secondly, Paste and edit some part of the code given below in any HTML supported base.In case of Blogger you can paste it in the HTML/Javascript widget.
/* Recent posts by labels--------------------------------- */img.label_thumb{float:left;margin-right:10px !important;height:72px; /* Thumbnail height */width:72px; /* Thumbnail width */border: 1px solid #fff;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);box-shadow: 0 1px 1px rgba(0, 0, #label_with_thumbs { text-align: justify;font: normal 18px Port Lligat Slab;float: left;width: 98%;min-height: 70px;margin: 0px 10px 2px 0px;padding: 0;}ul#label_with_thumbs li {padding:8px 0;min-height:75px;margin-bottom:0px;border-bottom: 1px dotted #999999;}#label_with_thumbs li{list-style: none ;padding-left:0px !important;}#label_with_thumbs a:visited {text-decoration: none;color: black;}#label_with_thumbs a:link {text-decoration: none;color: black;}#label_with_thumbs a { text-transform: none;}#label_with_thumbs a:hover { text-decoration: underline;}#label_with_thumbs strong {padding-left:0px; }//function labelthumbs(json){document.write('');for(var i=0;i
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('- ');if(showpostthumbnails==true)
document.write('');document.write(''+posttitle+'
');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('
');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext=''+commenttext+'';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'More »';flag=1;;}document.write(towrite);document.write(' ');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write(' ');}//]]>
Images are copy righted and belonged to respective owners

No comments:
Post a Comment