Widget para exibir aleatoriamente as últimas postagens no blog

Hoje vou apresentar a vocês um script para exibir uma lista dos artigos mais recentes e fazê-lo de forma aleatória, ou seja, que os títulos ...

Hoje vou apresentar a vocês um script para exibir uma lista dos artigos mais recentes e fazê-lo de forma aleatória, ou seja, que os títulos dos artigos recentes apareçam em uma ordem diferente, a medida que navegamos pelo blog.

Siga o @bloggermin agora e fique por dentro das novidades para o seu blog. E curta nossa página no Facebook.

O resultado é muito promissor e gostaria de agradecer ao JMiur do Vagabundia, por ter publicado um total de cinco posts em que facilmente nos introduz ao mundo do javascript.

A instalação deste widget é simples eo melhor de tudo, ele não leva muito tempo para carregar no blog.

Layout/Design > adicionar gadget (elemento de página) > Html-Javascript

Cole o script:

<div id="blentradasalt">
<script>
var bldireccionpost=new Array();
var bltituloentrada=new Array();
var blpp_entrada=new Array();
var blfechadia=new Array();
var blfechames=new Array();
var blfechanio=new Array();
var bltot_post=0;
var blfechames1=["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"];
function blista_mostrar(a){function b(){if("entry" in a.feed){var blmustr=a.feed.entry.length;bltot_post=blmustr;ii=0;for(var blmustr4=0;blmustr4<blmustr;blmustr4++){var m=a.feed.entry[blmustr4];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=blfechames1[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var blmustr3;for(var blmustr2=0;blmustr2<m.link.length;blmustr2++){if(m.link[blmustr2].rel=="alternate"){blmustr3=m.link[blmustr2].href;break}}var o="";for(var blmustr2=0;blmustr2<m.link.length;blmustr2++){if(m.link[blmustr2].rel=="enclosure"){o=m.link[blmustr2].href;break}}bltituloentrada.push(e);blfechadia.push(l);bldireccionpost.push(blmustr3);blfechames.push(n);blfechanio.push(c);blpp_entrada.push(g)}}}b();blmustr_posts()}function blmustr_posts(){var a=0;var b=0;while(b<bltituloentrada.length){temp1=blfechames[b];firsti=a;do{document.write('<a href="'+bldireccionpost[a]+'">'+bltituloentrada[a]+"</a>");a=a+1}while(blfechames[a]==temp1);b=a;if(b>bltituloentrada.length){break}}document.write('<a style="font-size:80%" href="http://www.bloggermin.com.br/2012/02/widget-para-exibir-aleatoriamente-as.html"title="Ajuda e Truques Blogger" target="_blank">Conseguir widget de artigos recentes</a>')};
</script>
<script>
var numeroentradas_total = 6 + Math.floor(Math.random() * 20);
document.write("<script src=\"http://www.bloggermin.com.br/feeds/posts/default?start-index="+numeroentradas_total+"&max-results=6&alt=json-in-script&callback=blista_mostrar\"><\/script>");
</script></div>
<style type="text/css">
<!--
#blentradasalt a{
border-bottom: 1px dashed #ccc;
color: #5588AA;
padding: 2px 0px 8px;
font-size: 14px;
display: block;
text-decoration: none;
}
#blentradasalt a:hover{
color: #CC6600;
text-decoration: none;
}
--></style>

Agora você só tem que substituir http://www.bloggermin.com.br pelo endereço do seu blog.

Você pode escolher o número total de entradas para exibir, editando o número 6 que você encontrará marcado em cor vermelha no código.

Para alterar a cor dos títulos dos posts basta substituir #5588AA pelo valor hexadecimal da sua cor favorita de (faça uso da tabela de cores).

E agora ... Salve o gadget para obter o seu widget!