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
- La prima e l'ultima riga colorate di blu servono per centrare il gadget
- 540px e 140px rappresentano rispettivamente la larghezza e l'altezza del widget
- Tra i tag <h1> e </h1> va inserito il titolo del widget (opzionale)
- I sei URL che rimandano alla stessa immagine sono della miniatura casuale che viene mostrata quando non ce ne sono nel post.
- thumbwidth = 90; thumbheight = 62; rappresentano le dimensioni delle miniature
- numposts = 5; è il numero di articoli da mostrare
- 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;
- Si inserisce l'URL della homepage del nostro blog seguito da /atom.xml per ottenere i feed relativi
- Altre personalizzazioni sono elencate nel post linkato a inizio pagina
- 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.
Sant'Ernesto hai fatto uno splendido lavoro.
RispondiEliminaAlla faccia di Brunetta che critica l'italiano che non lavora.
Hai una produttività che renderebbe felice Marchionne.
Ciao! Per modificare il colore della barra rossa, dove trovo i codici di tutti i colori? :) Grazie!
RispondiElimina@dublina
RispondiEliminaNon 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
@Wanesia
RispondiEliminaHo 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.
Grazie, ho trovato da solo il widget che cercavo. Sei un grande :)
RispondiElimina@L'Altra Notizia
RispondiEliminaIn un altro articolo ti sei fatto una domanda e qui ti sei dato la risposta :D
Si scusa ho sbagliato :P
RispondiEliminaperò 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 :)
@L'Altra notizia
RispondiEliminaNon mi pare semplicissimo ...
Utilizzato, ottimo. Volevo chiederti se per caso è possibile far ripetere in modo ciclico le due serie di post.
RispondiElimina@Giancarlo Chieco
RispondiEliminaNon con questa struttura di codice
Questo commento è stato eliminato dall'autore.
RispondiEliminaciao ernesto, una domanda: è possibile rendere cliccabili le miniature anziché i titoli dei post? e rendere completamente statico lo slide è fattibile? grazie :)
RispondiElimina@sarab-+-+
EliminaNon so se sia possibile. Non cedo però un metodo semplice per poterlo fare