Post aleatório para Blogger

Olá pessoal! Vamos aprender neste post, colocar um gadget de post aleatório para Blogger.

Trata-se de um botão que quando acionado procura aleatoriamente um post no arquivo do seu blog e o destaca para seu leitor.

É muito simples de instalar e superinteressante, pois pode segurar seu leitor em algum artigo que por ventura venha interessá-lo.

Para instalar este gadget  proceda  ao caminho habitual, copie e cole o código abaixo, salve e pronto. Não sabe como faz para instalar um gadget? Aprenda aqui. 

<div id="aliatoryPost"> </div> <br /> <span id="preserve0494d138efe349cc96867b72108cbb45" class="wlWriterPreserve"><br /> <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0fjVvLtVdKohz0_2WmIswWt-cOHC84jomD7qr_h2Qbwv5OWowU_1AkG5D_Tjt21YiEjEDaRvG9yVPdhDlhBoOQgftPOkd75ZdYJIjPtRH5jEVegbh7lm92q6R1O9dR_vmLaEVa8cicdSd/w158-h43-no/Bot%25C3%25A3o+artigos+aleat%25C3%25B3rios.png" width="120" height="120" /></p> '; document.getElementById('aliatoryPost').appendChild(a); } </script><br /> </span> <br /> <br /> <span id="preserved0d51eabe3024fba8115ec3460b82bbb" class="wlWriterPreserve"><br /> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><br /> </span>

Quer outros modelos de botão? É só trocar este endereço do código por outro da sua preferência, “http://goo.gl/Rd40EZ”. Aqui outros modelos para você personalizar.