Pubblicato il 24/11/14e aggiornato il

Widget degli Articoli Casuali per Blogger con Miniatura.

Come installare il gadget degli Articoli Casuali per Blogger con Miniatura.
Da qualche giorno un bug della piattaforma Blogger rende difficile la visualizzazione delle miniature nei widget che le prevedono. Ricordo che in attesa che i tecnici di Google riescano a risolvere si può ovviare all'inconveniente aprendo ogni singolo post e andando su HTML per  visualizzarne il codice. Occorre quindi trovare gli indirizzi web delle immagini pubblicate e sostituire https:// con http://.

In questo articolo presento un gadget in grado di mostrare ai lettori un elenco di titoli scelti casualmente con le rispettive miniature, sempre se i post relativi abbiano delle immagini e sempre nel caso in cui il problema accennato sopra fosse andato a soluzione. L'installazione del widget non presenta alcuna difficoltà visto che non occorre neppure modificare il template. Si possono mostrare o meno il numero di commenti e la data di pubblicazione con questo risultato

widget-articoli-casuali

Se nei post selezionati casualmente non ci fossero immagini o non si vedessero le miniature sarà comunque visibile una immagine di default che può comunque essere personalizzata.



Si va su Layout > Aggiungi un gadget > Base > HTML/Javascript e, in Sezioni del sito, si incolla

<style>
#post_casuali img{border-radius: 10px;float:left;margin-right:5px;
width:75px;height:75px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;}
#post_casuali img:hover{opacity: 0.6;}
ul#post_casuali {list-style-type: none;padding: 0px;}
#post_casuali a {font-size: 12px;text-transform:uppercase; padding: 0px auto 5px;}
#post_casuali a:hover {text-decoration: none;}
.rp-snippet {font-size: 11px;background: none; padding: 5px; margin-right: 8px;}
#post_casuali span {}
#post_casuali li {margin-bottom: 10px;border-bottom: 1px solid #EEE; padding: 4px;}
</style>
<ul id='post_casuali'>
<script type='text/javaScript'>
var numero_post=5;
var lungh_snippet=120;
var data_info='yes';
var commenti_info='Commenti';
var no_commenti='Commenti Disabilitati';
var contenuti=[];var rdp_total_posts=0;var contenuti=new Array(numero_post);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<numero_post;i++){var found=false;var rndValue=get_random();for(var j=0;j<contenuti.length;j++){if(contenuti[j]==rndValue){found=true;break}};if(found){i--}else{contenuti[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<numero_post;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<lungh_snippet){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,lungh_snippet);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+commenti_info}else{rdp_commentsNum=no_commenti};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://lh4.googleusercontent.com/-QHAVnMyiszg/VHL1-qLbkTI/AAAAAAAAqMA/noYsTqrzokU/s172/no-image.jpg"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(data_info=='yes'){document.write('<span><div  class="rp-info">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</div></span>'};document.write('<br/><div class="rp-snippet">'+rdp_snippet+'</div><div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<numero_post;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+contenuti[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Si salva l'elemento pagina e si posiziona con il drag & drop del mouse. Le personalizzazioni più importanti sono state colorate e sono le seguenti:
  1. Commenti e Commenti Disabilitati se si è deciso di mostrare questo dato
  2. Il raggio di curvatura delle miniature e le loro dimensioni (75 pixel)
  3. L'effetto opacità al passaggio del mouse (0.2 secondi per 0.6 di opacità)
  4. Colore di sfondo e del bordo (vedi post sui codici dei colori e stile dei bordi)
  5. Numero di post da mostrare (5)
  6. Numero di caratteri del riassunto (o snippet) settato in 120
  7. Mostrare numero di commenti e data. Sostituire yes con no per nascondere
  8. L'URL della immagine di default colorato di viola
Il widget dei Post Casuali è un modo per invogliare i lettori a continuare a visitare il nostro sito e può essere una valida integrazione dei widget degli Ultimi Articoli e dei Post più Popolari.




2 commenti :

  1. Salve Signore Ernesto, grazie epr la dritta, ma come posso fare per ingrandire il carattere dell'anteprima?

    RispondiElimina
  2. Ops, ho risolto per la grandezza carattere!!!! Scusi ancora per il disturbo, saluti.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.