Come installare su Blogger uno slideshow di immagini di un album di Google Foto con collegamenti a post dello stesso sito o a pagine esterne.
In precedenti articoli mi sono soffermato sulle problematiche che si sono presentate per gli utenti della piattaforma Blogger a seguito delle modifiche intercorse sulle immagini caricate su Picasa e sul servizio di Hosting di Google Drive. Scendendo nei particolari abbiamo visto come caricare nel modello o in elementi HTML/Javascript i file esterni che non è più possibile caricare su Google Drive. Successivamente ho mostrato un sistema abbastanza semplice su come ricavare il link diretto di una immagine dagli album caricati su Google Foto.
Chi possegga un blog gratuito con indirizzo nomeblog.blogspot.com può caricare i file su Google Sites per ottenerne il link diretto. In questo articolo vedremo come applicare queste nuove procedure per installare un widget con immagini che sono state precedentemente caricate su Google Foto e che abbiano un link a una pagina web che potrebbe essere un post o anche una pagina esterna.
CREARE UN ALBUM E CARICARE LE IMMAGINI SU GOOGLE FOTO
Si accede a Google Foto quindi si clicca sulla icona Carica Foto. Dopo aver selezionato l'immagine nel computer si può scegliere se aggiungerla a un album già esistente o crearne uno sul momento andando su Nuovo Album. Nel caso in cui si crei un nuovo album si va poi sul menù in alto a destra per poi scegliere Opzioni di condivisione per decidere la sua impostazione di privacy.
È importante attivare l'opzione che Chiunque abbia il link possa vedere queste foto. Successivamente possiamo aggiungere all'album tutte le foto che desideriamo.
COME OTTENERE IL LINK DIRETTO DELLE IMMAGINI
Come ho già mostrato nel post elencato all'inizio dell'articolo per avere il link diretto di immagini caricate su Google Foto è utile scaricare l'app Foto & Album Gestite per Picasa e Google Foto. Si apre l'app accedendo alla pagina chrome://apps/ di Chrome. Si accede con il nostro account Google quindi si clicca sull'album appena creato o su quello in cui abbiamo aggiunto le foto.
Le immagini verranno mostrate in uno slideshow stile Lightbox con freccette di navigazione.
Dobbiamo cercare ogni immagine che vogliamo inserire nello slideshow. Cliccandoci sopra con il destro del mouse e andando su Copia indirizzo dell'immagine si potrà copiare l'hotlink della foto.
COME INSTALLARE SU BLOGGER IL WIDGET DELLO SLIDESHOW
Si va su Layout -> Aggiungi un gadget -> Aggiungi il tuo
quindi nel campo apposito si incolla questo indirizzo
https://sites.google.com/site/exdrive32/script/gadget-slideshow.xml
per poi cliccare su Aggiungi URL. Verrà visualizzata questa finestra di configurazione
Nella prima riga si digita il titolo del widget che sarà visto nel layout. Nella seconda riga si digitano i pixel dell'altezza del gadget che sarà funzione della dimensione delle foto. In Intervallo Slide si indica la durata in secondi della permanenza di ciascuna immagine.
Si possono inserire sei immagini e per ciascuna di esse va incollato l'URL diretto della foto, l'Indirizzo del link della pagina a cui collegare la foto e il nome della foto stessa importante per questioni SEO. Non verrà visualizzata correttamente l'Anteprima ma dovremo salvare il gadget per testarne il funzionamento. Quando si andrà su Layout -> Modifica sul widget invece l'anteprima sarà visibile e lo si potrà modificare cambiando le foto, i loro nomi e i link delle pagine collegate. Negli ultimi due campi si possono impostare anche i margini sinistro e destro.
Con questo gadget possono essere linkati blog amici oppure mettere in evidenza dei post cui teniamo molto. Concludo ricordando che questo widget dello slideshow di immagini non funzionerà nei blog di Blogger con dominio personalizzato. Chi possiede un tale sito può scaricare il file incollandone l'URL nella barra degli indirizzi del browser per poi andare su Invio. Dovrà poi caricare il file sul suo dominio accedendo al File Manager e incollarne l'URL su Aggiungi il tuo.
ciao, ho una domanda; ma non funzione con un album già esistente? Ad esempio, solo le foto che ho caricato nel blog, oppure le foto che ho in backup non funziona vero?
RispondiEliminacerco di selezionare uno degli album già esistente ma non me lo fa selezionare. si apre foto per foto. :((
Hai usato l'estensione di Chrome di cui parlo nel post?
EliminaSe lo hai fatto bisogna scegliere le foto con le freccette per poi trovarne il link diretto. Non so se ci sia un sistema più semplice ma fino a poco tempo fa dopo il ritiro di Picasa non esisteva neppure questo :)
@#
Ciao, prima di tutto vorrei ringraziarti per le tantissime risorse e conoscenze che generosamente metti a disposizione ogni giorno per chi ha un blog. Ho usufruito dei tuoi consigli molte volte e ti sono grata per il lavoro che fai.
RispondiEliminaCercavo da tempo uno slideshow come questo. Vorrei chiederti due cose...
1) E' possibile inserirlo in una pagina statica?
2) Si può ampliare il numero di immagini?
No. Questo widget si può installare solo in Blogger e solo da Layout -> Aggiungi un gadget -> Javascript. Per uno slideshow da posizionare in una pagina statica puoi provare questo
Eliminahttp://www.ideepercomputeredinternet.com/2015/10/slideshow-blogger-immagini-navigazione-link-post.html
@#
Grazie
Eliminasempre stesso errore............ anche qui...... altro che aggiornamenti..
RispondiEliminaInserisci l'URL di un gadget che desideri aggiungere al tuo blog.
Alcuni gadget realizzati da sviluppatori terzi potrebbero non essere compatibili con HTTPS. Ulteriori informazioni.
Ti invitiamo a correggere i seguenti errori.
https://https://sites.google.com/site/exdrive32/script/gadget-slideshow.xml
L’URL termina con un nome di dominio di primo livello non valido
Aggiungi URL
Forse non hai un blog gratuito del tipo nomeblog.blogsdpot.com ma con dominio personalizzato www.esempio.com e allora gli script di Google Sites non funzionano.
EliminaLeggi il secondo paragrafo del post.
P.S. Ti consiglio di essere più rispettoso nei confronti di persone che condividono informazioni sul web senza pretendere nulla in cambio e che rispondono educatamente anche a chi non lo meriterebbe.
@#
hai ragione, scusami, è che ieri ho provato quasi 5 ore a creare una galleria di foto senza successo, e oggi sto riprovando.. ad ora ancora senza successo :( . il mio blog è gratuito non ho dominio personalizzato... notiziegaydalmondo.blogspot.com
RispondiEliminaCiao. Ho installato il tuo slideshow e mi pare proprio che sia fenomenale. Ho solo un piccolo problema: dopo che ho inserito un commento nell'utl del mio blog si aggiunge la famigerata https:// e il widget scompare. Deve refreshare la pagina per far sparire l'https:// e mettere tutto a posto. Naturalmente ho un dominio .blogspot.
RispondiEliminaA cosa può essere dovuto? Ho inserito il widget utilizzando il tuo link sites.google: forse avrei dovuto copiarlo nel mio google site? Grazie.
Vai su Impostazioni -> Di Base e metti NO accanto a HTTPS. Questo reindirizzamento porta più danni che benefici, anzi di benefici non ne vedo nemmeno uno :)
Elimina@#
E' già impostato su NO... Bah.. Misteri di Google...
EliminaHa smesso di funzionare due ore fa. Anche nella tua demo riporta questo messaggio di errore "Si è verificato un errore nel gadget"
RispondiEliminaAspetta qualche giorno poi eventualmente rimuovilo. Stanno cambiando tutto su Google Foto.
Elimina@#
non sei chiaro per niente
RispondiEliminaCi sono pure gli screenshot con freccette e evidenziatore, non vedo cosa potevo fare per essere più chiaro di così :)
Elimina@#
Ciao, mi hai praticamente salvato la vita! Vorrei sapere se è possibile aggiungere più di sei foto e in tal caso come si fa? Grazie infinte
RispondiEliminaIn teoria è possibile. Devi scaricare questo file
Eliminahttps://sites.google.com/site/exdrive32/script/gadget-slideshow.xml
incollandolo nel browser e andando su Invio. Lo devi quindi editare mantenendo l stessa sintassi ma aggiungendo nuove righe del tipo
UserPref name="3aImm" display_name="URL 3a Immagine"
però poi per ciascuna riga il name è ripreso nel codice del javascript sottostante che dovresti editare. Ci sono infatti dei blocchi di codice come questo
if (prefs.getString("3aImm").length > 0) {
var trislide = '<a href="' + prefs.getString("3oLink") +'" target="_parent"><img src="' +prefs.getString("3aImm")+ '" alt="' +prefs.getString("tralt")+ '"></a>';
images.push(trislide);
}
Che dovresti aggiungere con la stessa sintassi per ogni nuova immagine. Dopo aver terminato devi caricare il file su Google Sites per ottenerne il nuovo link di download da inserire nel campo di Aggiungi il tuo della configurazione del gadget di Blogger. Se non hai mai editato un XML e un javascript ti sconsiglio di provarci.
@#
Proverò sicuramente, ma non sono certa della mia riuscita... ahahahahah 😂
RispondiEliminamolto bravo ! ho messo le foto ok ora pensavo di poter mettere dei post ma non ci riesco . Come si fa ? grazie
RispondiEliminaDevi incollare l'indirizzo dei post nella casella dove c'è Link alla 1° immagine, alla 2° immagine, ecc
Elimina@#
Ciao! Sai dirmi come centrare le immagini dello slideshow dopo averlo inserito su blogger?
RispondiEliminaComplicato. Salvo il commento, poi magari forse ci farò un post (senza impegno)
Elimina@#
ciao anche a me interesserebbe perché vorrei avere lo slideshow che prende tutto la pagina (statica-principale)in modo centrale! grazie!
Elimina