Botão, imagem, link para abrir postagem aleatória, randômica, sorteada em seu Blogger. Um script que já é!


Gadget abre uma postagem aleatória; de todo o blog ou de um marcador, antigas e novas. Cada clique, uma nova leitura, releitura para seus visitantes.


Mão tocando a tela touch. #PraCegoVer #ParaTodosVerem

Já a muito tempo, vinha procurando um script para exibir postagens aleatórias, como um que eu usava aqui e parou de funcionar. Agora, encontrei esse widget simples de implementar, que adaptei e compartilho com vocês.


Primeiro, adicione um gadget HTML/JAVASCRIPT.
Vá em Layout no painel de controle do seu blog.
Na área onde deseja exibir a funcionalidade, clique em Adicionar Gadget.
Escolha: HTML/JavaScript.
Copie abaixo o código desejado e cole no referido Gadget.
Salve e pronto.


Com esse primeiro script, seu link abre um post aleatório vasculhando todo o blog.


<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 = 'Postagem aleatória'; 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>

Onde está escrito: "Postagem aleatória, você pode substituir por outra frase da sua escolha (preste atenção para não apagar os apóstrofos do começo e do fim).

Se no lugar do link de texto, o desejado for uma imagem, basta substituir a frase Postagem aleatória pelo trecho abaixo, com o link de sua imagem ou mantendo essa que usamos aqui:


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFhpUp4jMCSoctwEvDiL7Ml8S28XhxKro5yeJBD-rgRgzPAAzT2fyxUYMM7jEIFyfwPCtp39GXvDfnDL-NONAldnxa4SJ-OMeBx_oOohn2s_5X7hhJkWMjQ4f7lGHZaJui_agieVjqQC7VggDilp6A-vV8EiFlH0BvOGKIZTRtR-nHwsIc5cjeNaHnVSg/s1600/cliqueaqui.gif"/>

Para randomizar posts de um marcador específico, já adaptamos o código, bastando você substituir SEU_MARCADOR pelo marcador desejado do seu blog (observe que são dois trechos a serem alterados e tome cuidado para não apagar a/ nem a ? que ficam respectivamente antes e depois do: SEU_MARCADOR). No código a seguir, estou usando imagem, se você preferir link de texto, basta alterar como ensinamos acima.


<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/default/-/SEU_MARCADOR?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 = '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFhpUp4jMCSoctwEvDiL7Ml8S28XhxKro5yeJBD-rgRgzPAAzT2fyxUYMM7jEIFyfwPCtp39GXvDfnDL-NONAldnxa4SJ-OMeBx_oOohn2s_5X7hhJkWMjQ4f7lGHZaJui_agieVjqQC7VggDilp6A-vV8EiFlH0BvOGKIZTRtR-nHwsIc5cjeNaHnVSg/s1600/cliqueaqui.gif"/>'; document.getElementById('myLuckyPost').appendChild(a); } </script></span> <span id="preserved0d51eabe3024fba8115ec3460b82bbb" class="wlWriterPreserve"><script src="/feeds/posts/default/-/SEU_MARCADOR?max-results=0&alt=json-in-script&callback=feelingLucky"></script></span>

A dica era essa, confira o gadget em funcionamento, logo abaixo; depois da publicidade e dos posts recomendados. Espero que tenha gostado; deixe seus comentários ou sugestões e volte sempre.

Antonio Pereira Apon

Autor do poema: A pedra. O distraído nela tropeçou... Procurando escrever em prosa e verso com a arte da vida.

Postar um comentário

Obrigado por sua visita. Agora que terminou a leitura, que tal deixar seu comentário na caixa de comentários abaixo? Sua interação é muito importante. Obrigado.

Postagem Anterior Próxima Postagem

Pular para comentários.


Clique na imagem acima para ler uma postagem sorteada especialmente para você.


Clique para ler: A pedra.            Poema de Antonio Pereira Apon.

Clique na imagem do escultor para ler: A pedra. Nosso poema que tem sido plagiado.




Fale conosco.


Assista nossos vídeos, inscreva-se no Apon na arte do viver.



Se ainda não se inscreveu, inscreva-se em nosso canal, clique no sininho para escolher receber nossas notificações, ser avisado(a) dos vídeos novos. E não esqueça de dar seus likes. Conto com você! Obrigado.