Les derniers messages d'un Blog sous forme de Diaporama

Publié le 22 février 2011 par Philippe Chappuis @prac53
Le Diaporama standard de Blogger peut être utilisé pour afficher les derniers messages d'un Blog à l'aide d'un Gadget Blogger. Le Gadget affiche la première image contenue dans le message, ainsi que le début du texte. Les 10 derniers messages peuvent être affichés. C'est une utilisation particulière du Flux Atom du Blog.
Les deux variantes du Gadget
  • Affichage de l'image à gauche du texte

last-post-slideshow-b.xml


  • Version verticale, image centrée en haut du gadget

last-post-slideshow-v-b.xml

Ajouter le Gadget sur son Blog
Soit avec le bouton Add to Blogger, soit par Présentation / Ajouter un gadget. Choisir ensuite Ajouter votre propre (Gadget). Saisir l'URL du gadget à ajouter :
Image à gauche
http://prac-gadget.googlecode.com/files/last-post-slideshow-b.xml
Version verticale, image centrée en haut du gadget
http://prac-gadget.googlecode.com/files/last-post-slideshow-v-b.xml
Les paramètres des Gadgets
  • Image à gauche

NAME : le nom du Blog. Par exemple viti-vino.blogspot.com.
Le Flux du Blog doit être défini sur complet.
NBP : le nombre de messages (post) à afficher.
PDEF : l'image à afficher lorsqu'il n'existe aucune image dans un message. Saisir l'URL de l'image, par exemple http://www.liens-du-vin.ch/ascreen.jpg.
LEN : la longueur du texte à afficher. De 1 à 512 caractères. Par défaut 128.
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.
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).
TCOL : #rrggbb. La couleur du texte. Par défaut la couleur définie dans le modèle du Blog.
LCOL : #rrggbb. La couleur du lien (lire la suite). Par défaut la couleur définie dans le modèle du Blog.
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.
CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.
  • Version verticale, image centrée en haut du gadget

NAME : le nom du Blog. Par exemple viti-vino.blogspot.com.
Le Flux du Blog doit être défini sur complet.
NBP : le nombre de messages (post) à afficher.
PDEF : l'image à afficher lorsqu'il n'existe aucune image dans un message. Saisir l'URL de l'image, par exemple http://www.liens-du-vin.ch/ascreen.jpg.
LEN : la longueur du texte à afficher. De 1 à 512 caractères. Par défaut 128.
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.
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).
TCOL : #rrggbb. La couleur du texte. Par défaut la couleur définie dans le modèle du Blog.
LCOL : #rrggbb. La couleur du lien (lire la suite). Par défaut la couleur définie dans le modèle du Blog.
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.
CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.
Les caractéristiques des gadgets
  • Images originales, telles qu'elles figurent dans le message du Blog
  • 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

Des exemples
J'ai utilisé, non pas un Gadget Blogger pour ces exemples, mais la version Gadget Google afin d'afficher le Diaporama dans le html de ce message.
  • Les derniers messages du Blog d'Aide pour Blogger. Vignettes de 160 x 120. Pas de barre de navigation, ordre aléatoire. Version verticale.



  • Les derniers messages de ce Blog. Vignettes de 120 x 90. Pas de barre de navigation, ordre aléatoire. Version horizontale, avec images à gauche.



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
Afficher les derniers messages d'un Blog avec un Gadget Google
Diaporama Picasa avec un Gadget Blogger
Diaporama Photobucket avec un Gadget Blogger
Diaporama Flickr avec un Gadget Blogger
Créer un Diaporama à partir d'un Flux Média RSS
Afficher des Diaporamas sur Google Sites
Des Gadgets pour son Blog


   Les Liens du Vin