Sulla falsariga del widget che presenta lo slideshow verticale degli Ultimi Post ecco come lo stesso javascript possa essere applicato anche al gadget dei Post più Popolari che è nativo su Blogger ma che indubbiamente è un po' scarso esteticamente. La prima cosa da fare è quella di installarlo nel blog. Se non lo avete ancora fatto, andate su Design > Aggiungi un gadget > Post più popolari

quindi selezionare un numero di post da visualizzare compreso da 6 a 10. Occorre anche lasciare la spunta a miniatura immagine e snippet

Dopo aver eventualmente modificato il titolo del widget e averlo salvato, posizionatelo con il mouse. Adesso andate nuovamente su Design > Aggiungi un gadget > HTML/Javascript e, in Sezione del sito, incollate questo codice senza aggiungere alcun titolo
Ho colorato di rosso i parametri più importanti da personalizzare. Ricordo soprattutto le dimensioni del widget in larghezza (240 pixel per tutto il riquadro e 228 pixel per la parte interna), lo sfondo di ogni singolo elemento del widget dato da una immagine di colore giallo sfumato che può essere modificata. Così come possono anche essere variati molti altri colori presenti per renderli più adatti a quelli del blog. Si salva e, andando su Design > Elementi pagina, si posiziona l'elemento subito sopra a quello dei Post più popolari. Si salva nuovamente.

Se adesso si apre il blog, vedremo quattro degli ultimi post che scorreranno verticalmente in automatico. A rotazione, saranno mostrati tutti gli articoli più popolari, con relative miniature, che abbiamo selezionato fino a un massimo di dieci

Come mio solito, ho pubblicato in rete una
Osservazioni conclusive: il widget funziona con tutti i maggiori browser compreso Internet Explorer (versioni 8 e 9). Se nel blog sono presenti altri javascript, possono sorgere delle incompatibilità che impediscano lo scorrere del widget. Ogni modello fa storia a sé quindi sarà possibile testarne il corretto funzionamento solo attraverso l'installazione.
Grazie mille sei un genio e i tuoi consigli sono sempre utilissimi. Complimenti per il sito!
RispondiEliminaAnna
Una domanda: esiste un modo per creare un slideshow anche dei blog preferiti, visto che ne ho parecchi e in questo modo ruberebbero meno spazio?
RispondiElimina@Anna
RispondiEliminaSe sei brava nella grafica puoi creare una immagine per ogni blog e inserirla in uno slideshow come questo
http://www.ideepercomputeredinternet.com/2011/04/slideshow-di-immagini-con-descrizione-e.html
Bel widget! Sto provando ad inserirlo, ma ho una sovrapposizione tra l'immagine del post e il titolo del post. Come mai? Stavo cercando di risolverlo smanettando sul codice.. hai qualche consiglio? Grazie!
RispondiEliminaHo risolto! Grazie lo stesso! Davvero un bel sito! :D
RispondiElimina