Slideshow Orizzontale degli Ultimi Articoli con Miniature: Widget per Blogger.

La ricerca di slideshow orizzontali per gli Ultimi Post su Blogger è sempre stata ai primissimi posti tra gli utenti di questa piattaforma. Dopo aver visto un gadget presente su Arona Immobiliare ad opera di Giorgiogal e dopo aver consultato il lavoro di Antonio Lupetti su News Ticker with Horizontal Scrolling basato sul framework MooTools, sono in grado di presentare un gadget orizzontale scorrevole che mostra miniature e titoli degli ultimi post pubblicati. Ho, come mia abitudine, inserito online una

• Demo dello Slideshow degli Ultimi Post -

E' sempre visibile con Chrome, Firefox e Opera mentre con Internet Explorer dipende da quanti e quali altri script sono presenti nel modello. In quello che ho usato come test ce ne sono di troppi per i gusti di IE ma questo non toglie che non possa essere visibile nel vostro template. Il widget mostra gli ultimi 12 articoli con miniature in due schermate di sei che si susseguono in modo automatico con effetto slide.

L'installazione è molto semplice. Si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla il

• Codice Widget Slideshow Ultimi post per Blogger -

Le personalizzazioni più interessanti le ho evidenziate di un diverso colore. Ne faccio un breve elenco

1. La prima riga <div align="center"> e l'ultima </div> servono per centrare tutto il widget e anche il titolo. Possono essere tolte se non servono
2. Lo sfondo del titolo è dato da questa immagine 6x38 che può essere sostituita da un'altra così come il colore di background del titolo #AC1615
3. La larghezza del widget è stata calcolata per sei miniature e quindi è di 650 pixel. Se se ne mettono di più strette o più larghe e in numero diverso, questo dato può mutare così come quello dell'altezza del contenitore del widget 140 pixel
4. La riga <h1>Ultimi post di Idee per Computer ed internet</h1> serve per visualizzare il titolo del widget. Se non si vuole mostrare, basta non inserire niente tra <h1> e </h1>
5. Questa immagine che ha l'URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgQVwjKc1OXTWWj4goQj0p0vPS_cpKa7ycW-d-ZiW9bRrysHgozz7KVPMBPmIjLuhwb_yUrPXWOVkIoICEtc4JycVbKQFewVAjLb_ojhRVN0VAgTYaT3GpO142w9GkqmArNzP8QKtiMUcF/
   rappresenta una miniatura casuale che sarà mostrata nei post che non hanno nessuna immagine. Se ne possono inserire fino a tre tutte diverse, di dimensioni identiche a quelle delle miniature 
6. thumbwidth = 100; thumbheight = 75; rappresentano la larghezza e l'altezza delle miniature
7. showPostDate = false; per non mostrare la data, se invece si vuole vedere, occorre sostituire false con true
8. numposts = 6; è il numero di articoli che si vogliono visualizzare contemporaneamente.
9. Come vedete ci sono due script sostanzialmente identici che devono avere gli stessi parametri. La differenza sta nell'elemento di partenza. Il primo ha startfrom = 7; mentre il secondo startfrom = 1; Il primo parametro deve variare a seconda del numero degli elementi che si visualizzano. In questo caso, visto che ne abbiamo scelti 6, il secondo script partirà dal numero 7.
10. summaryPost=25 è il numero massimo dei caratteri del titolo del post che si possono visualizzare nel widget
11. Infine si dovrà inserire l'URL dei feed del nostro blog in formato XML. In sostanza si aggiunge /atom.xml alla homepage del blog

Dopo aver salvato l'elemento si posiziona a piacere nel blog.