Widget di un semplice Slideshow con link per Blogger.

Come installare uno slideshow su Blogger completamente personalizzabile con collegamenti a pagine web da mettere in evidenza.

Sembra che Google voglia rendere più auton0ma la sezione Foto di Google+, quindi in sostanza si ritornerebbe a Picasa Web Album. Come avevo fatto notare poco più di un anno fa in tutto questo periodo si poteva comunque continuare a usare Picasa Web Album senza redirect semplicemente mettendo tra i Preferiti o Segnalibri questo URL 

https://picasaweb.google.com/lh/myphotos?noredirect=1

che impedisce il redirect verso Google Foto e fa risparmiare tempo nel cliccare sul link per tornare indietro. Vediamo come sia possibile realizzare uno slideshow con link alle pagine proprio utilizzando Picasa Web Album. Dobbiamo innanzitutto procurarci sei foto delle stesse dimensioni. Nel mio test ho utilizzato immagini da 450x300 pixel ma è solo una proposta.

CARICARE LE FOTO SU PICASA

Si accede a Picasa Web Album e si clicca su un album che abbiamo settato come Pubblico oppure andiamo su Carica per crearne uno sul momento. Per ricavarne l'hotlink o link difetto bisogna cliccare su ogni singola foto, andare sulla destra e fare un nuovo clic su Link a questa foto.

Verrà visualizzato un riquadro in cui dovrà essere selezionata Dimensione Originale della foto. Successivamente si seleziona e si copia l'URL presente su Link che sarà il Link Diretto alla immagine nella sua dimensione originale e non alla sua miniatura. Questa operazione va fatta per tutte le immagini che vogliamo usare per lo slideshow che vado a presentare. Ce ne vogliono sei.

 

INSTALLAZIONE DEL WIDGET

Per l'installazione del gadget utilizzeremo un sistema non molto comune almeno per questo sito. Si va infatti su Layout > Aggiungi un gadget > Aggiungi il tuo

Nel campo è presente la prima parte dell'URL  http://. Accanto a questo va incollata questa stringa

https://sites.google.com/site/exdrive32/script/gadget-slideshow.xml

Il file XML l'ho caricato su Google Drive. Successivamente si clicca su Aggiungi URL.

Si visualizzerà la finestra di configurazione del gadget che avrà questo aspetto

Il titolo è opzionale e si può anche tralasciare. Si deve invece settare l'altezza dl widget e la durata in secondi della permanenza di ciascuna immagine prima di passare alla successiva. I parametri proposti sono 300 pixel di altezza e 3 secondi di intervallo.

Ciascuna immagine ha poi tre campi di configurazione. Nel primo si incolla il Link Diretto così come lo abbiamo ricavato da Picasa Web Album. Nel secondo l'URL della pagina che si vuole venga aperta quando il lettore ci clicca sopra. Infine nel terzo si inserisce il Testo Alternativo che serve per questioni SEO e che in sostanza è il tag Alt relativo a ciascuna immagine. Negli ultimi due campi si può inserire opzionalmente il margine destro e sinistro per il widget. È utile usare questi due campi dopo la prima installazione per eventualmente spostare il gadget da una parte o dall'altra per dividerlo meglio dal resto del layout o eventualmente per inserirvi accanto del testo o altri oggetti.

Dopo queste operazioni si va su Anteprima e su Aggiorna per vedere se il gadget funziona. Bisogna aspettare qualche secondo e eventualmente salvare prima di pensare a qualche nostro errore perché le immagini non si caricano immediatamente specialmente se sono pesanti.

Si termina ovviamente andando su Salva. Visto che si possono collegare post alle singole immagini ma che non si può aggiungere testo potrebbe essere utile utilizzare un programma di grafica per inserire sopra a ciascuna immagine per esempio il titolo dell'articolo che viene linkato. Si tratta di un widget interessante e utile per mostrare i post in evidenza o per linkare blog amici.

Aggiornamento del 26-09-2016: A seguito del mancato supporto di hosting da parte di Google Drive ho dovuto caricare il file .xml su Google Sites. Questo widget però adesso funzionerà solo con i blog gratuiti. Chi avesse un blog con dominio personalizzato dovrà incollare l'URL .xml colorato di viola nell'indirizzo del browser e cliccare su Invio per scaricarlo. Dovrà poi caricarlo online su un suo spazio per ottenerne il link diretto da utilizzare secondo le stesse istruzioni.

Aggiornamento del 27-09-2016: Ho pubblicato un nuovo post su questo widget con tutte le modifiche dovute al ritiro dell'hosting di Google Drive e di Picasa Web Album.