12 agosto, 2011

Slideshow verticale dei Post più Popolari di Blogger.

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

post più popolari blogger

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

post più popolari elemento pagina

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.

elemento pagina post più popolari

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

popular-post-blogger

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.



5 commenti:

  1. Grazie mille sei un genio e i tuoi consigli sono sempre utilissimi. Complimenti per il sito!
    Anna

    RispondiElimina
  2. 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
  3. @Anna
    Se 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

    RispondiElimina
  4. 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!

    RispondiElimina
  5. Ho risolto! Grazie lo stesso! Davvero un bel sito! :D

    RispondiElimina