Blogger: script per visualizzare un post a caso

Abbiamo recentemente aggiunto a questo blog la possibilità di visualizzare un post scelto in maniera casuale. Nella rete si possono trovare varie soluzioni adatte allo scopo, ma non tutte funzionano correttamente con qualsiasi template... quella riportata qui sotto invece, per quanto ritenibile come "poco elegante", si integra in maniera rapida e sicura.

Loggatevi in Blogger

Cliccate sulla scheda LAYOUT, quindi da ELEMENTI PAGINA selezionate AGGIUNGI UN GADGET nel punto in cui volete inserire l'immagine che rimanderà al post casuale.

Selezionate come tipo HTML/JavaScript.

Dopo aver inserito il titolo dovrete copiare il codice riportato qui sotto e incollarlo nell'apposito spazio.

<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 = '<center><img src="indirizzo immagine prescelta" title="visualizza un post scelto a caso"></center>'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

Perchè sia visualizzata un'immagine è necessario sostituire il testo scritto in fucsia con l'indirizzo web della stessa, mentre è possibile modificare a piacimento il testo in blu, che verrà visualizzato al passaggio del mouse sopra al riquadro.

A questo punto salvate il modello e il gioco dovrebbe essere fatto!


Fonte originale: phydeaux3