quarta-feira, 25 de maio de 2011

Widget de Artigos Aleatórios

Muitas vezes um leitor entra na sua página a procura de determinado artigo, mas as vezes não se importa em ler outros artigos independentes.
Há várias formas de atrair seus leitores a ponto de deixá-los mais interessados na leitura de outros artigos, mesmo que não tenham relação alguma com aquele que eles estejam lendo no momento e uma delas é exibir uma listagem aleatória com títulos de artigos publicados.
Encontrei uma boa maneira de fazer isso, inserir uma lista com artigos aleatórios na sidebar do blog, que funciona a base de um script.
Com este script, a cada carregamento de página aparecerá uma lista aleatória de artigos publicados na sidebar, independente da data de publicação, e esta lista se renovará a cada atualização de página.

Se quiser incluir em seu blog, vá até 'design' → 'Elementos de página' → Clique em 'Adicionar um elemento de página'→ Escolha tipo 'HTML/Javascript'.

Copie e cole o código abaixo:


<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Agora salve o gadget!

O código acima está configurado para que apareça na lista 6 títulos de artigos, mas caso queira modificar a quantidade de títulos de artigos a serem exibidos, altere a quantidade em:
numofpost=6

Veja o resultado e boa sorte!

ATENÇÃO:
Lembre-se a funcionalidade deste script pode variar de acordo com o template.Caso este script não funcione em seu blog, faça uma avaliação de quais realmente são mais necessários. Para melhor entendimento,

0 comentários:

Postar um comentário