Colocando botão de aleatório no blogger

Sempre gostei de fornecer novas possibilidades aos leitores do Arruma Blog e quando consegui editar o menu principal com links que iam além de páginas estáticas que crio, já fiz o primeiro passo. Hoje o menu contém links para página estática como é o caso do Media Kit, acesso rápido pelo teclado e links para postagens que são de grande relevância ao leitor. Tentei colocar um ícone que represente o ‘aleatório’ no menu principal mas não consegui, não ficou com o ícone, mas consegui coloca-lo na coluna lateral. Agora quero compartilhar com vocês o código.

Aleatório: (O mesmo que randômico) Palavra utilizada para exprimir quebra de ordem ou imprevisibilidade (...). Um processo aleatório é o processo repetitivo cujo resultado não descreve um padrão determinado, mas segue uma probabilidade. - Wikipedia

Antes de mais nada os créditos pelo código são Riomar Bruno (ver link no fim do artigo) que criou este fantástico código e o disponibilizou no seu blog. Pra quem usa o WordPress muitos modelos já tem a opção ou ainda com a ajuda de códigos prontos e externos chamados plug-ins tornando o blog mais interativo e de fácil manutenção. O Blogger ainda não tem este recurso e eu estava ficando sem esperança que um dia encontraria um código funcional para escolher automaticamente os artigos do blog ao ser clicado com base no feed do blog. O uso é seguro pois não há acesso a códigos maliciosos ou de terceiros, apenas a base que o próprio Blogger permite e fornece.

QUAL A FINALIDADE DE UM BOTÃO ASSIM?
Aumentar a interatividade do leitor. Nem sempre o leitor deseja buscar artigos em seu blog, mas espera que em um simples clique isso ocorra.
Outra coisa, é que um botão para revelar novos artigos pode fazer seu leitor ficar mais tempo no blog, melhorando indexação em buscadores.

INSERINDO CÓDIGO DO BOTÃO RANDÔMICO

A função do botão será a mesma deste. Eu mudei a imagem:

Por meio de um Javascript que auxilia a busca aleatória o código é feito.
Você deve copiar todo o código a seguir:

<div id="myLuckyPost"></div> <span id="preserve0494d138efe349cc96867b72108cbb45" class="wlWriterPreserve"><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 = '<p><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="Ver Post Aleatório" border="0" alt="Ver Post Aleatório" src="http://i43.tinypic.com/24i79.jpg" width="140" height="90" /></p>'; document.getElementById('myLuckyPost').appendChild(a); } </script></span> <span id="preserved0d51eabe3024fba8115ec3460b82bbb" class="wlWriterPreserve"><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script></span><p align="center"><a href="http://www.euteexplico.com.br/2010/07/como-colocar-botao-de-post-aleatorio-no.html" target="_blank">Adicione em seu blog</a></p>

Estando agora no Blogger, escolha o blog para receber o código. Clique no link ‘Design’ do blog selecionado.

Clique em ‘adicionar novo Gadget’ e cole o código que você copiou no começo do artigo. Este código já vem pronto para uso e não requer mudanças.

DICA: salve a imagem para um diretório que você possa administrar. Evite usar imagens de outros sites.

EDITANDO OU MELHORANDO O CÓDIGO
Caso você deseje alterar a imagem que são dois dados e o nome, o autor do código permite a edição nas seguintes linhas

"Ver Post Aleatório" border="0" alt="Ver Post Aleatório" src="http://i43.tinypic.com/24i79.jpg" width="140" height="90" /></p>

A parte mais triste é que não sei como, só achei o código recentemente, mas ele foi postado no ‘Eu te explico’ em 2010.