Slideshow del widget dei Post più Popolari di Blogger.

Come mostrare uno slideshow degli articoli più letti di Blogger in una sidebar. Le miniature saranno visualizzate con effetto dissolvenza.

I Post più Popolari sono un widget ufficiale di Blogger direttamente collegato alla scheda delle Statistiche. Si tratta di un gadget che può essere personalizzato nel numero dei post visualizzati e nel mostrare o meno lo snippet e la miniatura della prima immagine presente nel post. Visto la pochezza delle possibilità offerte riguardo alla modifica dell'aspetto del gadget, ci sono stati diversi webmaster che si sono cimentati nell'abbellimento o comunque nella differenziazione del widget dei Post più Popolari.

Ricordo per esempio uno slideshow verticale realizzato con detto widget presentato anche con effetto multicolore in barre orizzontali. Un gadget che forse non ha avuto il successo che si meritava è quello di uno Slideshow Orizzontale creato appunto con l'ausilio degli articoli più letti.

Vediamo adesso come realizzare uno slideshow degli articoli più popolari che però può essere inserito anche in una sidebar visto che non c'è movimento orizzontale e cambiano solo le miniature

Oltre a miniatura, titolo e opzionalmente snippet del post sono presenti due bottoni per la navigazione per tornare al post precedente o per passare al successivo. Si va su Layout > Aggiungi un gadget > Post più popolari e si configura il widget secondo le nostre esigenze

Si può scegliere di mostrare i post più visti dell'ultima settimana, degli ultimi 30 giorni o di sempre. Si può digitare un titolo e decidere il numero di post da mostrare fino a un massimo di 10. E' anche possibile scegliere di visualizzare lo snippet mentre il titolo si visualizzerà sempre come è consigliabile di lasciare sempre anche la miniatura in un gadget del genere. Si va su Salva e si posiziona.

Si accede a Modello > Modifica HTML e si clicca sull'area del codice. Si digita Ctrl+F e su Search si incolla la riga </head> . Si preme su Invio per evidenziare tale tag. Subito sopra va incollato il

• Codice dello slideshow dei post più popolari -

Si va su Anteprima Modello quindi su Salva Modello se il risultato ci soddisfa. Ho evidenziato i parametri più importanti da modificare e che si riferiscono alla velocità in millisecondi del susseguirsi delle miniature e alla durata dell'effetto di dissolvenza (fade). I parametri essenziali sono però la larghezza e l'altezza del widget proposte entrambe a 235 pixel. Se nel modello c'è già JQuery si può tralasciare di incollare la riga evidenziata di giallo. E' anche possibile personalizzare i bottoni per la navigazione scegliendo altri caratteri al posto di << e >>.

 
Fonte | Blogger Xpertise -