Arquivos do Website:

Arquivo Secreto - Recent Posts


Esse é o código que eu utilizo nos meus websites para exibir artigos recentes com imagens. Caso você desejar utilizá-lo no seu blog, fique a vontade. Basta copiar o código abaixo e colar num elemento de página do seu blog. O CSS e algumas partes do javascript estão personalizadas de acordo com as configurações dos meus websites.

recent posts
Imagem: www.coronetpublications.net

Para utilizar esse código no seu blog, talvez seja necessário fazer algumas pequenas personalizações no código (além de substituir o link), para adaptá-lo ao template do seu blog. Preste atenção nas marcações em vermelho - são as personalizações de acordo com os meus websites.

<style type='text/css'>


img.recent_thumb {width: 100px;height: 80px;float: left;

margin-right: 5px;}


.recent_posts_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}


ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height: 80px;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}


.sidebar li a:before{display: none !important;}

.head {font-size: 17px !important; color: #fff !important; font-weight: bold; margin-bottom: 0px !important; background: #8bbf8b; padding: 3px 3px 3px 5px !important;}


</style>


<div class="head">Artigos Recentes:</div>


<script type='text/javascript'>


//<![CDATA[


function showrecentpostswiththumbs(json){document.write('<ul class="recent_posts_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}

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("<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://www.webaholic.co.in/other/no-image.jpg';}

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]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)

document.write('<img class="recent_thumb" src="'+thumburl+'"/>');document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');if("content"in entry){var postcontent=entry.content.$t;}

else

if("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<numchars){document.write('<i>');document.write(postcontent);document.write('</i>');}

else{document.write('<i>');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('</i>');}}

var towrite='';var flag=0;document.write('<br><strong>');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='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}

if(displaymore==true)

{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More -></a>';flag=1;;}

document.write(towrite);document.write('</strong></li>');if(displayseparator==true)

if(i!=(numposts-1))

document.write('<hr size=0.5>');}document.write('</ul>');}


//]]>


</script>


<script style='text/javascript'>


var numposts = 8;


var showpostthumbnails = true;


var displaymore = false;


var displayseparator = false;


var showcommentnum = false;


var showpostdate = false;


var showpostsummary = false;


var numchars = 0;
</script>


<script src='http://www.dicasonlinegratis.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>