Pubblicato il 02/06/11e aggiornato il

Widget orizzontale scorrevole per Blogger con miniature degli Ultimi Post.

Ho recentemente pubblicato un articolo riguardo a uno Slideshow degli ultimi post con miniature in orizzontale che ha avuto un certo successo. In un paio di commenti mi è stato fatto presente che sarebbe stato meglio poter selezionare la velocità di scorrimento del widget per adattarlo alle singole esigenze. Ne posto quindi un'altra versione che viene incontro a questa richiesta. Ho postato in rete una

Come vedete è molto più lento visto ciascuna schermata rimane per 10 secondi invece dei 5 del precedente slideshow. Ho anche modificato il numero dei post visualizzati che adesso sono cinque invece di sei. Per l'installazione di questo widget non occorre modificare il modello, si va semplicemente su Design > Aggiungi un gadget > HTML/Javascript e si incolla questo codice HTML

Ho colorato di rosso i parametri che possono interessare maggiormente per la personalizzazione del gadget

  1. La prima e l'ultima riga colorate di blu servono per centrare il gadget
  2. Lo sfondo del titolo è dato dall'URL di questa immagine   
  3. 540px e 140px rappresentano rispettivamente la larghezza e l'altezza del widget
  4. Tra i tag <h1> e </h1> va inserito il titolo del widget (opzionale)
  5. I sei URL che rimandano alla stessa immagine sono della miniatura casuale che viene mostrata quando non ce ne sono nel post.
  6. thumbwidth = 90; thumbheight = 62; rappresentano le dimensioni delle miniature
  7. numposts = 5; è il numero di articoli da mostrare
  8. startfrom = 1; e startfrom = 6; sono gli elementi di partenza. La differenza deve essere uguale al numero presente su numerposts. Si può anche scegliere di mostrare gli articoli a partire dal quarto perché i primi tre sono già visibili in homepage. Es: startfrom = 4; e startfrom =9; 
  9. Si inserisce l'URL della homepage del nostro blog seguito da /atom.xml per ottenere i feed relativi
  10. Altre personalizzazioni sono elencate nel post linkato a inizio pagina
  11. speed: 1500, e delay: 10000, rappresentano rispettivamente la velocità di scorrimento e l'intervallo di tempo tra la visualizzazione della prima  e della seconda parte delle miniature. Il parametro più importante da personalizzare è delay: 10000. Si tratta di un valore in millisecondi quindi 10000 significa che il widget rimarrà immobile per dieci secondi.

Si clicca su Salva e si posiziona il widget con il mouse.





14 commenti :

  1. Sant'Ernesto hai fatto uno splendido lavoro.
    Alla faccia di Brunetta che critica l'italiano che non lavora.
    Hai una produttività che renderebbe felice Marchionne.

    RispondiElimina
  2. Ciao! Per modificare il colore della barra rossa, dove trovo i codici di tutti i colori? :) Grazie!

    RispondiElimina
  3. @dublina
    Non si modifica con il codice ma inserendo una immagine su Picasa al posto di questa
    https://lh5.googleusercontent.com/_nT13UtBmmiU/Td0TfJKjTbI/AAAAAAAATTU/ysIzl64q8iI/sfondo-titolo.png
    acquisendone l'URL e poi sostituendolo nel codice

    RispondiElimina
  4. @Wanesia
    Ho dovuto cancellare il tuo commento perché aveva un link attivo che peraltro non funzionava. Lo riporto integralmente: Wanesia ha detto:

    "Ciao il mio slide non funziona ,ho notato che il primo speed del codice e´ 1500 e poi il secondo 500 e´ normale che deve essere cosi´ ho fatto varie modifiche ,ma i post rimangono fissi :(
    puoi dare un occhiata e capire il perche´? Inoltre il 10000 deve essere diminuito o aumentato?
    qui il mio esempio,grazziee^^"

    Sui diversi parametri di velocità hai ragione. Li avevo modificati nel widget ma solo uno nel codice. Adesso ho corretto.
    Per aumentare il tempo di permanenza delle miniature si deve aumentare 10000 (dieci secondi).
    Ho visto il tuo sito
    http://wanesia.blogspot.com/
    e la cosa strana è che non si vedono i post giusti. Quelli cioè che si dovrebbero vedere a questo indirizzo
    http://wanesia.blogspot.com/atom.xml
    Prova a ricontrollare. Il tuo codice sorgente mi sembra corretto. Non so perché non funzioni.

    RispondiElimina
  5. Grazie per la risposta Ernesto ho aggiustato i numeri e adesso i post vengono visti bene...pero´ e´ una tabella fissa non uno slide anche avendo aumentato il numero 10000.Credo che qualcosa va in conflitto con qualche javascript.
    Ho un gadget a meta´ :)) Grazie lo stesso°

    RispondiElimina
  6. Grazie, ho trovato da solo il widget che cercavo. Sei un grande :)

    RispondiElimina
  7. @L'Altra Notizia
    In un altro articolo ti sei fatto una domanda e qui ti sei dato la risposta :D

    RispondiElimina
  8. Si scusa ho sbagliato :P

    però ora ho una domanda relativa a questo post.

    C'è la possibilità di aprire i link del menù in un'altra pagina?

    Grazie per la pazienza :)

    RispondiElimina
  9. @L'Altra notizia
    Non mi pare semplicissimo ...

    RispondiElimina
  10. Utilizzato, ottimo. Volevo chiederti se per caso è possibile far ripetere in modo ciclico le due serie di post.

    RispondiElimina
  11. @Giancarlo Chieco
    Non con questa struttura di codice

    RispondiElimina
  12. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  13. ciao ernesto, una domanda: è possibile rendere cliccabili le miniature anziché i titoli dei post? e rendere completamente statico lo slide è fattibile? grazie :)

    RispondiElimina
    Risposte
    1. @sarab-+-+
      Non so se sia possibile. Non cedo però un metodo semplice per poterlo fare

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.