Lista de artigos aleatória

Uma coisa muito importante em um blog é ter opções de menus que indiquem o conteúdo de seu blog. Muitos de nossos artigos acabam esquecidos por nós mesmos e, se bem trabalhados podem ser fonte para atrair boas visitas. Dê destaque ao seu conteúdo, de preferência na barra lateral e, para isso, veja essa opção de lista de títulos de artigos que é gerada aleatoriamente.

Já tratamos desse assunto, com exemplos de gadgets que podem ajudar a dar destaque aos artigos do seu blog. Você pode fazer uma lista de artigos recentes para destacar os 5 últimos artigos publicados:

• Listar ultimas postagens na barra lateral

Ou mesmo pode sugerir, ao final dos artigos, uma lista de postagem relacionadas com o tema do que foi lido anteriormente:

• Lista de postagens relacionadas

É muito importante mostrar ao seu leitor formas de ter acesso a um conteúdo diversificado e sugestivo. Melhor ainda se ele puder encontrar coisas que não estava procurando, mas que podem ser do interesse dele. Então encontrei essa forma de listar o título dos artigos de forma aleatória.

Funciona da seguinte maneira: sempre que a pessoa atualizar a página ou entrar em páginas do seu blog, esse gadget mudará os títulos de artigos exibidos, selecionando aleatoriamente dentre de seu conteúdo. Assim, sempre que seu leitor entrar em seu blog, encontrará um menu de artigos sugeridos aleatoriamente.

Isso poderá das visibilidade especialmente aos artigos mais antigos (cacofonia, rs!) e aqueles que podem acabar por interessar seu leitor.

Como instalar:

1. Crie um novo gadget do tipo “HTML/JavaScript”;

Se não sabe como fazer isso, leia o artigo “Onde colar código HTML”.

2. Agora, copie o seguinte código e cole nesse novo elemento de página:

<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 5;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div>

3. Dê um título adequado e salve. Então arraste o novo gadget para onde for mais conveniente na sua barra lateral; de preferência perto do menu do blog. Agora, veja o resultado.

É possível escolher a quantidade de títulos que aparecerá na lista que, por padrão, está definida para 5. Vá até a linha do código acima onde está marcado de vermelho e troque o número pela quantidade que desejar.

Onde está indicado pela cor azul, se o seu blog tem mais de 999 artigos publicados, coloque um número superior, tipo 9999.

Faça bom proveito e aprende mais técnicas para destacar seu conteúdo.