Pubblicato il 11/04/14 - aggiornato il  | 2 commenti :

FeedWind per creare un widget scorrevole con le notizie dei maggiori quotidiani italiani e esteri.

Come creare un widget animato a partire dai feed di siti di notizie per poi inserirlo nel nostro blog.
Nei blog di notizie siano esse politiche, sportive, generaliste o specifiche può essere utile agli utenti mostrare un widget scorrevole delle ultime notizie pertinenti all'argomento trattato. Esiste già un apprezzato widget di Google News che mostra le ultime news che possono tra l'altro essere personalizzate secondo i nostri interessi. Senza entrare nel merito di questioni di copyright, praticamente tutte le maggiori fonti di informazioni italiane e estere hanno un loro servizio di feed che può essere usato per la creazione di opportuni widget. A titolo di esempio l'agenzia ANSA permette solo l'utilizzo dei feed per fini non commerciali da individui e organizzazioni no-profit.

Non è mio compito investigare su questo aspetto legale ma già esistono diverse applicazioni per cellulari che mostrano i titoli delle notizie di tutti i quotidiani italiani usando ovviamente i loro feed. Per quello che riguarda il Corriere, la Repubblica e la Stampa non ho trovato simili condizioni per i loro feed

In ciascuna di queste pagine web si possono trovare i feed della Homepage, degli Editoriali, delle notizie di Cronaca, di quelle di Sport, ecc. Vediamo come si possa realizzare un widget scorrevole utilizzando il servizio FeedWind che ne permette anche la personalizzazione nell'aspetto

feedwind 

Dopo aver incollato l'URL del feed prescelto, che per inciso può essere anche quello del nostro blog, sulla destra sarà immediatamente visibile la sua Anteprima. Andiamo su Add Feed per le successive personalizzazioni. La cosa interessante è che possiamo aggiungere anche altri feed per avere un elenco di notizie ancora più ricco. Il procedimento è simile a quello che ho già illustrato nel post sulla unificazione di due o più URL di feed. Nel passaggio successivo saranno settate le dimensioni. Cliccando su Advanced Settings possono anche essere impostati i parametri del font, della dimensione dei caratteri, dell'apertura in un'altra scheda e dell'autoscroll. È anche possibile settare il numero dei secondi tra uno scroll e l'altro oltre alla direzione dello stesso

scroll-widget-notizie

Si può poi scegliere se visualizzare il titolo e i contenuti del feed oltre ai colori di titolo e sfondo

feed-wind-custom-feed

Anche in questa sezione ci sono le Advanced Settings per gestire tra l'altro i podcast. Non resta che andare su Select code per copiare il codice HTML.

codice-feed-wind

Il codice ottenuto va incollato su Layout > Aggiungi un gadget > HTML/Javascript per poi posizionarlo a piacere. Se viene utilizzato l'autoscroll si otterrà un widget molto simile a quelli che già si visualizzano nella versione online dei più famosi quotidiani. Ovviamente FeedWind può essere utilizzato con qualunque altro URL di feed. È quindi possibile usare i feed di Blogger per realizzare il gadget degli Ultimi Articoli, dei Commenti più recenti o degli Ultimi post relativi a una determinata etichetta.


2 commenti :

  1. Ben ritrovato, Signor Ernesto.

    Innanzitutto, spero che a Lei proceda tutto in maniera eccellente. E' da molto che non la disturbo con i miei interrogativi, per autentici rompicapo, visto che sono alquanto insipiente sul linguaggio HTML. Comunque, le volevo domandare, come si può eliminare quell'ombratura grigia del template? Poi, quale è il valore che va nel determinare lo spazio che intercorre tra la parte superiore del template alla barra del browser? Perdoni il mio disturbarla.
    La ringrazio come sempre, e in maniera copiosa.


    Distinti saluti
    Domenico Iodice

    RispondiElimina
    Risposte
    1. Per eliminare le ombreggiature prova con questo post
      http://www.ideepercomputeredinternet.com/2012/07/eliminare-bordi-immagini-blogger.html
      Se però sono nel modello dovresti operare sul template. Se è ufficiale di Blogger si può fare anche andando su Modello > Personalizza
      Per ottimizzare la distanza tra gli elementi del modello leggiti questo articolo
      http://www.ideepercomputeredinternet.com/2014/02/stylebot-personalizzare-modello-blogger-css.html
      @#

      Elimina

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