Widget delle miniature in orizzontale degli ultimi post.

Come installare il gadget delle Miniature degli Ultimi Post inserite in una tabella orizzontale da mostrare subito sopra o subito sotto l'elemento Post sul blog.

Mostrare un gadget degli Ultimi Articoli è una necessità per tutti i blog perché il lettore deve poter accedere facilmente ai contenuti più freschi che sono stati pubblicati. Ci sono moltissimi widget che hanno questa specifica funzionalità. Si va dal semplice Elenco Verticale degli Ultimi Post al Widget degli Ultimi Articoli con Miniature passando per lo Slideshow Verticale o lo Slideshow con Easy Slider.

Obiettivo di questo articolo è quello di presentare gli Ultimi Articoli attraverso le miniature delle loro immagini o dei loro video di Youtube in una tabella orizzontale che può essere inserita subito sopra l'area del post o subito sotto di essa. Mi baserò su uno script di Blogger Plugins che ho tradotto in italiano così come feci a suo tempo per il gadget degli Articoli Simili con Miniature.

Nello screenshot precedente si vede che ho inserito il widget subito sopra l'area del post e che, quando si punta con il mouse una miniatura, viene mostrato il tooltip con il titolo del post a cui è collegata. Per l'installazione di questo widget non occorre modificare il template. Si va semplicemente su Layout > Aggiungi un gadget > HTML/Javascript e, in Sezioni del sito, si incolla il seguente codice

<div id='bp_recent'></div>
<script style='text/javascript' src='https://sites.google.com/site/scriptperilblog/javascript-2/tabella-ultimi-post.js'></script>
<script style='text/javascript'>
var numberOfPosts = 6;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 80;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://www.ideepercomputeredinternet.com/feeds/posts/default?max-results=6&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Si clicca su Salva e con il mouse si posiziona sopra o sotto l'elemento Post sul blog

Dopo il drag & drop si deve andare su Salva disposizione. Lo script permette di fare numerose personalizzazioni come mostrare la data, il titolo, lo snippet, il Read More ma se si vuole mantenere l'aspetto della tabella di miniature orizzontali ci si deve limitare a scegliere la dimensione delle miniature delle immagini in funzione della larghezza del nostro layout. 80 pixel è quella proposta. Va inoltre configurato il numero di miniature da visualizzare che deve essere modificato nelle due occorrenze. 6 è quello proposto. Modificando numero e larghezza delle miniature si potrà inserire al meglio la tabella nel layout del nostro blog. Dovrà inoltre essere inserito l'URL del vostro blog.

Osservazioni conclusive

Nei post in cui non sono presenti immagini sarà visualizzata questa immagine di default. Per modificarla occorre scaricare il file javascript

https://sites.google.com/site/scriptperilblog/javascript-2/tabella-ultimi-post.js

modificarlo, caricarlo su Google Sites quindi sostituirne l'URL dopo aver acquisito quello nuovo. Se si possiede un blog con dominio personalizzato come è noto i file caricati su Google Sites non funzioneranno. In questo caso dovrà sempre essere scaricato lo stesso javascript che però dovrà essere caricato su DropBox o su Google Code.

Invece di mostrare tutti gli Ultimi Articoli si può scegliere di visualizzare le miniature relative agli Ultimi Post pubblicati con una data etichetta. Se si sceglie questa opzione basta modificare l'URL dei feed

http://www.ideepercomputeredinternet.com/feeds/posts/default/-/nome-etichetta

dove ovviamente dovrà essere modificato l'indirizzo del sito e il nome della etichetta.