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.



22 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
  6. Ciao 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
  7. @reviews...
    Prova 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

    RispondiElimina
  8. 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

    Vorrei 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

    RispondiElimina
    Risposte
    1. @reviews
      Adesso ho capito ma non esiste un widget del genere (almeno a me non risulta esserci)

      Elimina
  9. Ernesto il widget non si anima, ho cambiato solo i parametri di larghezza, rispettivamente 300 e 288, puoi aiutarmi? Grazie

    RispondiElimina
    Risposte
    1. @DiegoCapezzuto
      Si 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.

      Elimina
  10. Nel widget standard di blogger si possono togliere le scritte dei titoli?
    In pratica vorrei lasciare solamente le immagini.

    RispondiElimina
    Risposte
    1. @AndreaSapuppo
      Onestamente non lo so. Puoi sempre provare per vedere se funziona anche con l'opzione di mostrare solo la miniatura.

      Elimina
    2. 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
    3. @AndreaSapuppo
      Non 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.

      Elimina
  11. 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
    Risposte
    1. @HimeKiki
      Il 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à.

      Elimina
  12. 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.

    RispondiElimina
  13. Si può rallentare lo scorrere dei diversi post nell'elenco???

    RispondiElimina
    Risposte
    1. Prova ad intervenire in questa riga
      interval = interval || 4000;
      aumentando il numero fino a 6000 o 7000
      @#

      Elimina
    2. Grazie mille, ora scorre alla velocità che volevo io

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti al post.