Pubblicato il 30/12/11 - aggiornato il  | 4 commenti :

Gallerie di Cooliris per album di Picasa, Flickr, Facebook e video di Youtube da inserire in Blogger.

Mi sono già occupato di Cooliris come affascinante estensione che propone una visione tridimensionale quando si naviga su alcuni siti. Esiste un componente aggiuntivo di Cooliris per Firefox e un app di Cooliris per Chrome. Vediamo come sia possibile creare dei widget sensazionali per mostrare in modo molto suggestivo degli album di Picasa, di Flickr o di Facebook, delle raccolte video di Youtube o anche dei semplici feed RSS.

Vediamo nel dettaglio come ottenere il codice per visualizzare il widget di un album di Picasa Web Album. Dopo aver effettuato l'accesso, occorre selezionare l'album che vogliamo riprodurre con gli strumenti di Cooliris e acquisirne l'URL che sarà di questo tipo

https://picasaweb.google.com/numero-id-utente/nome-album

L'album dovrà essere denotato come Pubblico. Se così non fosse cliccate su Modifica a destra e scegliete l'opzione Pubblica sul web. Adesso andate su Cooliris Express e procedete alla configurazione. Nel primo passaggio si seleziona Picasa e si incolla l'URL dell'album. Se dà errore bisogna togliere la s dalla parte iniziale dell'indirizzo dell'album ma non dovrebbe accadere

cooliris-slideshow

quindi si va su OK e su Customize. Sulla destra vedremo l'anteprima del widget che andremo a creare. Nel secondo passaggio potremo selezionare il tema del gadget e scegliere il colore dello sfondo e il colore in primo piano. Opzionalmente si può anche incollare l'URL di una immagine che vogliamo visualizzare come background. E' anche possibile impostare altre opzioni quali la presenza o meno dei bottoni di condivisione su Facebook e Twitter, il pulsante per la ricerca e quello per accedere alla guida. Si può anche opacizzare la toolbar.

cooliris-slideshow-picasa

Si va su Publish per l'ultimo passaggio. Verrà aperta una finestra modale con cui possiamo accedere al sito mediante il nostro account Facebook o Google ma possiamo anche tralasciare questo passaggio e chiudere tale finestra popup. Sulla sinistra saranno così visibili i bottoni per installare o postare il widget su Facebook, Twitter, MySpace, Blogger, TypePad, Wordpress, Yahoo, Live Journal, ecc.

cooliris-codice-widget

Ai mediamente esperti conviene copiare il codice indicato dalla freccia e incollarlo su Layout > Aggiungi un gadget > HTML/Javascript oppure anche su una pagina statica in Modalità HTML. Se si vuole centrarlo nel layout ricordo che bisogna incollare la riga <div align="center"> all'inizio e la riga </div> alla fine.

Per i video di Youtube ci sono moltissime opzioni che riguardano la possibilità di creare un widget inserendo il nome dell'utente, il nome di un canale o inserendo delle parole chiave. Ci sono anche i gadget standard che riguardano i video più popolari, i video più visti, i più votati, i più commentati ecc. Se si sceglie From a user occorre inserire il nome utente e cliccare su OK per vedere l'anteprima 

cooliris-youtube

quindi si procede nello stesso modo. Come si può vedere nella pagina di demo, sono presenti numerosi strumenti di navigazione che fanno di questo widget uno dei più completi. Le immagini o i video sono presentati attraverso delle miniature che vengono in primo piano se ci si clicca sopra. In basso al centro c'è il pulsante per iniziare la riproduzione dello slideshow di tutte le miniature che possono essere viste anche a schermo intero 

cooliris-navigazione   

Se si crea un widget di video da Youtube è possibile riprodurli direttamente nella finestra senza dover accedere alla loro pagina sul sito di video-sharing.



4 commenti :

  1. auguri carissimo
    buon anno di vero cuore.
    Continuiamo a sperare in un mondo migliore.
    un abbraccio
    Lella

    RispondiElimina
  2. @Lella
    Un grandissimo augurio anche a te che ti ricordi sempre di questo sito e di passare ogni tanto a inserirvi una stilla della tua simpatia ^^

    RispondiElimina
  3. ma belloooooooooooo... me l'ero perso! Grazie ^_^ potrei metterlo sopra la tabella d'immagini... che rimanda ai singoli articoli :)

    RispondiElimina
  4. @Soffio di Dea
    La galleria di video è splendida da mettere in una pagina statica.

    RispondiElimina

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