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/22

Les derniers messages d'un Blog sous forme de Diaporama

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.

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

Gadget Blogger - Diaporama derniers messageslast-post-slideshow-b.xml

Ajouter ce Gadget à Blogger


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

Gadget Blogger - Diaporama derniers messageslast-post-slideshow-v-b.xml

Ajouter ce Gadget à Blogger



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 du message dans une fenêtre indépendante. Yes ou No, par défaut No (non).
BLK : ouverture des liens dans une nouvelle fenêtre. Yes ou No, par défaut Yes (oui).

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

FSIZE : La taille de la police. Par défaut 0.80em.

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 du message d'origine dans une fenêtre indépendante. Yes ou No, par défaut No (non).
BLK : ouverture des liens dans une nouvelle fenêtre. Yes ou No, par défaut Yes (oui).

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

FSIZE : La taille de la police. Par défaut 0.80em.

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

Gadget Blogger - Les derniers messages d'un Blog, avec vignettes

Diaporama Pinterest avec un Gadget Blogger

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

Enregistrer un commentaire


Rechercher sur le Blog de Prac avec Google CSE