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
RispondiEliminaCiao ascolta volevo sapere se si potesse fare uno slideshow o cmq un elenco dei post più visti di una sola etichetta invece che di tutte. Anche il tuo altro widget dei post verticali li dispone in maniera sequenziale a partire dall'ultimo a ritroso, vorrei sapere se si potesse metterli per "visualizzazioni". Grazie in anticipo!!
RispondiElimina@reviews...
RispondiEliminaProva questo widget
http://www.ideepercomputeredinternet.com/2011/08/widget-di-uno-slideshow-orizzontale-con.html
Dove al posto dell'URL dei feed del blog ci metti l'URL dei feed di una singola etichetta, per esempio
http://www.ideepercomputeredinternet.com/feeds/posts/default/-/blogger
Per saperne di più puoi andare qui
http://www.ideepercomputeredinternet.com/2009/10/come-conoscere-l-del-blog-l-del-post-i.html
Ho visto l'articolo ma anche questo mostra gli ultimi post (volendo con il tuo metodo anche per etichetta). Io invece vorrei sapere se fosse possibile al posto che mostrare gli ultimi, mostrare i più visti (stile post + popolari [ma per etichetta])... Non so se mi sono spiegato bene :D
RispondiEliminaVorrei tipo mettere per tutti i post relativi a "widget" (ad esempio) mettere in ordine decrescente i post + visti in maniera che gli utenti vedano prima le cose + interessanti, sempre restando con un modello slideshow (o anche statico), ma con varie etichette e non di tutti i post del blog :D
@reviews
EliminaAdesso ho capito ma non esiste un widget del genere (almeno a me non risulta esserci)
Ernesto il widget non si anima, ho cambiato solo i parametri di larghezza, rispettivamente 300 e 288, puoi aiutarmi? Grazie
RispondiElimina@DiegoCapezzuto
EliminaSi tratta di un widget basato su JQuery che ha quindi molte incompatibilità. Non funziona se per esempio nel tuo modello è presente Prototype e Scriptaculous. Non funziona neppure se c'è un altro widget con JQuery ma con un'altra versione.
Guarda le modello se c'è una riga come questa del codice del widget
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
Se ci fosse e la versione fosse diversa dalla 1.3.2 prova a mettere nel modello e nel widget l'ultima versione cioè
http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
Però non garantisco.
Grazie
EliminaNel widget standard di blogger si possono togliere le scritte dei titoli?
RispondiEliminaIn pratica vorrei lasciare solamente le immagini.
@AndreaSapuppo
EliminaOnestamente non lo so. Puoi sempre provare per vedere se funziona anche con l'opzione di mostrare solo la miniatura.
non si può quel tuo trucchetto come fai con i crediti tramite firebug, in cui si scrive visibility none e scompare? io ci ho provato ma senza successo
Elimina@AndreaSapuppo
EliminaNon lo chiamerei trucchetto. Chi crea modelli o anche widget lo fa in modo gratuito e come unica ricompensa si concede la libertà di lasciare un collegamento al suo sito per aumentarne l'autorità.. Bisogna considerare anche questo aspetto. Usando la riga display:none; si può nascondere il link però va individuata con precisione la classe di stile e anche il tipo vale a dire se è id o class. L'uso di Firebug (Lite o quella per Firefox) può aiutare in questo senso.
Ciao ho provato a installare questo slider ma si è fermato un altro slider che avevo in home come posso rimediare? mi piace molto questo slider
RispondiElimina@HimeKiki
EliminaIl problema è che entrambi i widget sfruttano lo stesso URL JSON che poi sarebbero i feed degli articoli. Puoi provare a disinstallare entrambi poi a installare prima uno e poi l'altro e se non funziona a cambiare l'ordine di installazione. Possono però permanere delle incompatibilità.
Ciao Ernesto, ho notato che questo widget, che fino a qualche giorno fa funzionava benissimo sul mio blog, ora ha smesso di funzionare. Ho provato sia con Internet Explorer sia con Chrome. In pratica l'elenco dei post rimane fisso, senza scorrere. Ultimamente non ho inserito alcun altro widget che potrebbe creare problemi.
RispondiEliminaSi può rallentare lo scorrere dei diversi post nell'elenco???
RispondiEliminaProva ad intervenire in questa riga
Eliminainterval = interval || 4000;
aumentando il numero fino a 6000 o 7000
@#
Grazie mille, ora scorre alla velocità che volevo io
Elimina