Blogger
Viti-Vino - Les outils Google pour Blogger

Les trucs et astuces pour Blogger. Pour personnaliser son Blog. Un complément de l'aide en ligne.




2011/02/19

Gadget Blogger pour afficher un Diaporama Flickr

Gadget Blogger pour afficher un Diaporama Flickr

Les Gadgets Blogger permettent d'afficher un Diaporama d'un Photostream (ensemble d'images) d'un utilisateur de Flickr.

Les Gadgets Blogger permettent d'afficher un Diaporama de toutes les images d'un utilisateur (Photostream) de Flickr. Le Flux Media RSS de Flickr est analysé pour afficher une image sans perte de qualité jusqu'à 640 pixels de large.


Les variantes du Gadget

  • Sans titre. Ensemble d'images d'un utilisateur

Gadget Blogger - Diaporama Flickrflickr-ph-slideshow-simple-b.xml



  • Avec un titre et les légendes des photos. Ensemble d'images d'un utilisateur


Gadget Blogger - Diaporama Flickrflickr-ph-slideshow-b.xml



  • Avec un titre et les légendes des photos. Ensemble d'images sélectionnées par des tags


Gadget Blogger - Diaporama Flickrflickr-tg-slideshow-b.xml




Ajouter le Gadget sur son Blog

Par Présentation / Gadget personnalisé. Saisir l'URL du gadget à ajouter (sous la forme http://...) :



Sans titre, ensemble d'images d'un utilisateur

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/flickr-ph-slideshow-simple-b.xml

Avec titre et légendes, ensemble d'images d'un utilisateur

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/flickr-ph-slideshow-b.xml

Avec titre et légendes, ensemble d'images sélectionnées par tags

http://googledrive.com/host/0B4yfJJJSNrfubzJEUkxIYm1PcHM/flickr-tg-slideshow-b.xml




Ajouter ce Gadget en l'intégrant dans votre bibliothèque xml

Installer le Gadget développé par Soraya sur votre Blog. Il ne sera visible que par l'administrateur. Ajouter l'URL du gadget dans la liste de liens.


Les paramètres des Gadgets

  • Sans titre, ensemble d'images d'un utilisateur (Photostream)


UID : l'identifiant de l'utilisateur.

Ouvrir le compte Flickr, afficher le Photostream et noter l'URL, par exemple : https://www.flickr.com/photos/prac53
prac53 : est le nom de l'utilisateur
Le site idGettr donne l'identifiant Flickr d'un utilisateur, à partir du nom de celui-ci.

PWH : la largeur des images en pixels. Jusqu'à 640 pixels, le diaporama affiche l'image en qualité originale.
PHT : la hauteur des images en pixels.

Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.

DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).
TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).

RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).
CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).

NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).

SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.
BCOL : #rrggbb. La couleur de la bordure du diaporama.



  • Avec titre et légendes, ensemble d'images d'un utilisateur (Photostream)


UID : l'identifiant de l'utilisateur.

Ouvrir le compte Flickr, afficher le Photostream et noter l'URL, par exemple : https://www.flickr.com/photos/prac53
prac53 : est le nom de l'utilisateur
Le site idGettr donne l'identifiant Flickr d'un utilisateur, à partir du nom de celui-ci.

PWH : la largeur des images en pixels.
PHT : la hauteur des images en pixels.

Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.

LNK : lien sur le titre du diaporama. Par défaut le titre n'est pas en zone chaude.
TIT : le titre du diaporama. Par défaut le titre du Flux Media RSS de Flickr.

DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).
TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).

RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).
CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).

NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).

SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.

BCOL : #rrggbb. La couleur de la bordure du diaporama.





  • Avec titre et légendes, ensemble d'images sélecxtionnées par tags


TGS : liste de tags séparés par une virgule.

PWH : la largeur des images en pixels.
PHT : la hauteur des images en pixels.

Les images sont mises à l'échelle, sans déformation dans un rectangle PWH x PHT.

LNK : lien sur le titre du diaporama. Par défaut le titre n'est pas en zone chaude.
TIT : le titre du diaporama. Par défaut le titre du Flux Media RSS de Flickr.

DTime : durée d'affichage, en millisecondes. De 1000 à 12000, par défaut 4000 (4 sec).
TTime : durée de la transition entre les images, en millisecondes. De 500 à 6000, par défaut 2000 (2 sec).

RND : affichage des images dans un ordre aléatoire. Yes ou No, par défaut No (non).
CLP : lors du clic sur l'image, affichage de l'image d'origine, dans une fenêtre indépendante. Yes ou No, par défaut No (non).

NAB : affichage de la barre de navigation. Yes ou No, par défaut Yes (oui).

SCOL : #rrggbb ou transparent. La couleur de fond du diaporama. Par défaut le Gadget prend la couleur définie dans le modèle du Blog.

BCOL : #rrggbb. La couleur de la bordure du diaporama.






Les caractéristiques des gadgets

  • Le flux RSS de Flickr est limité à 20 images
  • Flickr a supprimé le Flux RSS d'un Album fin 2013. Pour afficher le diaporama d'un Album de Flickr, il faut insérer un tag iframe dans le html du Blog
  • Images sans perte de qualité jusqu'à 640 pixels
  • Affiche les images en format *.jpg, *.gif et *.png
  • Fond transparent ou couleurs à choix
  • Temps d'affichage modifiable
  • Ordre aléatoire des images en option
  • Suppression possible de la barre de navigation
  • Clic sur image désactivé par défaut
  • Affichage des légendes de chaque image (version avec titre)


Un exemple

J'ai utilisé, non pas un Gadget Blogger pour cet exemple, mais la version Gadget Google afin d'afficher le Diaporama dans le html de ce message.

  • Les 20 dernières photos avec les tags switzerland et wine




Gadget Google ou Gadget Blogger

Un Gadget Google peut être placé dans un message du Blog. Un Gadget Blogger ne peut être inséré qu'aux endroits prévus à cet effet (colonnes, en-tête ou pied du Blog).


Plus d'informations

Diaporama Flickr avec un Gadget Google

5 secondes pour ajouter un diaporama de Flickr

Diaporama des derniers messages avec un gadget Blogger

Diaporama des dernières images de Pinterest avec un gadget Blogger

Un Gadget Blogger pour afficher les vignettes de Flickr

Ses photos Flickr sur un mur d'images, avec un Diaporama Tiltviewer

Diaporama Photobucket avec un Gadget Blogger

Diaporama Picasa avec un Gadget Blogger

Diaporama des derniers messages d'un Blog

Créer un Diaporama à partir d'un Flux Média RSS

Afficher des Diaporamas sur Google Sites

Des Gadgets pour son Blog

Enregistrer un commentaire


Rechercher sur le Blog de Prac avec Google CSE