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.




2012/02/26

Un Diaporama avec les derniers posts de Pinterest

Gadget Blogger pour afficher un Diaporama avec les derniers posts de Pinterest

Deux Gadgets Blogger pour afficher un Diaporama de Pinterest (derniers posts) sur son Blog. Possibilité de n'afficher que les images d'un tableau (Board).

Deux Gadgets Blogger pour afficher un Diaporama de Pinterest sur son Blog. Avec ces deux gadgets nous pouvons restreindre l'affichage à un seul tableau (board) de Pinterest. Ces gadgets utilisent le Flux Media RSS fourni par Pinterest. Cet hébergeur fournit un flux pour les dernières Images d'un utilisateur ou les dernières images d'un seul tableau (board).

Les deux variantes du Gadget

  • Sans titre

Gadget Blogger - Diaporama Pinterestpinterest-slideshow-simple-b.xml

Ajouter ce Gadget à Blogger


  • Avec un titre et les légendes des photos

Gadget Blogger - Diaporama Pinterestpinterest-slideshow-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 :

Sans titre

http://prac-gadget.googlecode.com/files/pinterest-slideshow-simple-b.xml

Avec titre et légendes

http://prac-gadget.googlecode.com/files/pinterest-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


USER : le nom de l'utilisateur Pinterest

BOARD : Le nom du tableau. Facultatif, si le paramètre n'est pas renseigné,
le diaporama affiche les dernières images de l'utilisateur

Pour obtenir le nom du tableau (board), clic sur Edit du tableau. Copier l'URL : 

http://pinterest.com/prac53/favorite-places-spaces/settings/

prac53 est le nom de l'utilisateur
favorite-places-spaces est le nom du tableau Favorite Places & Spaces

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).

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


USER : le nom de l'utilisateur Pinterest

BOARD : Le nom du tableau. Facultatif, si le paramètre n'est pas renseigné,
le diaporama affiche les dernières images de l'utilisateur

Pour obtenir le nom du tableau (board), clic sur Edit du tableau. Copier l'URL : 

http://pinterest.com/prac53/favorite-places-spaces/settings/

prac53 est le nom de l'utilisateur
favorite-places-spaces est le nom du tableau Favorite Places & Spaces

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 Pinterest.

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.

TCOL : #rrggbb. La couleur du texte (titre et légendes). Par défaut la couleur définie dans le modèle du Blog.
LCOL : #rrggbb. La couleur du lien sur le titre. Par défaut la couleur définie dans le modèle du Blog.
CCOL : #rrggbb ou transparent. La couleur du conteneur. Par défaut le conteneur est transparent.




Les caractéristiques des gadgets

  • 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)


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 dernières images de mon compte Pinterest. Diaporama avec titre et légendes des images.






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

Insérer le bouton Pin-It de Pinterest. Les codes et toutes les explications sur Blog Connexion

Diaporama Pinterest avec un Gadget Google

Afficher un Diaporama de Pinterest sur Google Sites

Suivre les Pins de son Blog ou de son Site sur Pinterest

Diaporama des derniers messages avec un gadget Blogger

Gadget Blogger - Les vignettes de Pinterest

Les derniers Pins d'un compte Pinterest, avec vignette

Les vignettes d'un compte ou d'un tableau de Pinterest

Diaporama Picasa avec un Gadget Blogger

Diaporama Flickr avec un Gadget Blogger

Diaporama Photobucket avec un Gadget Blogger

Des Gadgets Blogger pour vos Albums de Google+

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