Les derniers messages d'un Blog sous forme de Diaporama

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