terça-feira, 4 de agosto de 2009

Colocar link para Post Aleatório no Blogger

Eu estava há tempos tentando achar um script simples para colocar um link para postagem aleatória na sidebar do meu blog. E fuçando por aí, encontrei um código que atendeu às minhas expectativas. Assim o leitor pode navegar pelo seu blog e ler postagens antigas, e esse widget ajuda nesse caminho.

É muito fácil instalar, vá em Painel do Blogger >> Layout >> Elementos de página >> Adicionar um gadget >> HTML / JavaScript >> Copie e cole o código abaixo >> Salve

<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var 
feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if
(entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&
alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script);
} function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); }
</script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

Link do script

O texto do link pode ser mudado para um de sua preferência. É só procurar "View Random Post" no código e colocar algo como "Ver Post Aleatório".
Se preferir, você pode colocar uma imagem no lugar desse texto, adicionando o código abaixo no lugar de View Random Post:

<img src="URL_DA_IMAGEM" border="0" alt="" /> 


Via DeLuxeTemplates

Obs.: No blog do Phideaux, também há um hack semelhante. Não sei porque, cargas d'agua, o link aponta para o leitor de feeds do Google. Só mesmo Murphy para explicar isso.

2 comentários:

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google