Un diaporama à partir d'un flux RSS

Gadget Google
Un diaporama de Photobucket
Personnaliser le Diaporama à partir du Flux Media RSS d'un album photos

Le Gadget Google insère un Diaporama qui affiche l'album de Photobucket à partir du Flux Media RSS.

Le fichier xml du gadget

440 x 440

photobucket-gadget.xml

348 x 318

photobucket-gadget-blog.xml

348 x 318 (titre fixe)

photobucket-gadget-nt.xml

Le iframe du gadget

photobucket-gadget.xml

<iframe style="width: 450px; height: 450px;" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget.xml&up_File=http%3A%2F%2Ffeed266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fhenri-de-villamont%2Ffeed.rss&up_Link=http%3A%2F%2Fwww.hdv.fr&up_Titre=Henri%20de%20Villamont%20-%20Burgundy&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23f00&up_SlideBcol=%23c3d9ff&up_BoxBcol=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama d'un album photo de Photobucket</iframe>

photobucket-gadget-blog.xml

<iframe style="width: 358px; height: 328px;" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget-blog.xml&up_File=http%3A%2F%2Ffeed266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fhenri-de-villamont%2Ffeed.rss&up_Link=http%3A%2F%2Fwww.hdv.fr&up_Titre=Henri%20de%20Villamont%20-%20Burgundy&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23f00&up_SlideBcol=%23c3d9ff&up_BoxBcol=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama d'un album photo de Photobucket</iframe>

photobucket-gadget-nt.xml

<iframe style="width: 358px; height: 328px;" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget-nt.xml&up_File=http%3A%2F%2Ffeed266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fhenri-de-villamont%2Ffeed.rss&up_Link=http%3A%2F%2Fwww.hdv.fr&up_Titre=Henri%20de%20Villamont%20-%20Vins%20de%20Bourgogne&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23f00&up_SlideBcol=%23c3d9ff&up_BoxBcol=%23d1dae3" allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Diaporama d'un album photo de Photobucket</iframe>

Le script

photobucket-gadget.xml

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget.xml&up_File=http%3A%2F%2Ffeed266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fhenri-de-villamont%2Ffeed.rss&up_Link=http%3A%2F%2Fwww.hdv.fr&up_Titre=Henri%20de%20Villamont%20-%20Burgundy&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23f00&up_SlideBcol=%23c3d9ff&up_BoxBcol=%23d1dae3&synd=open&w=440&h=440&title=Diaporama+de+Photobucket&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Diaporama d'un album photo de Photobucket</noscript>

photobucket-gadget-blog.xml

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget-blog.xml&up_File=http%3A%2F%2Ffeed266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fhenri-de-villamont%2Ffeed.rss&up_Link=http%3A%2F%2Fwww.hdv.fr&up_Titre=Henri%20de%20Villamont%20-%20Burgundy&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23f00&up_SlideBcol=%23c3d9ff&up_BoxBcol=%23d1dae3&synd=open&w=348&h=318&title=Slideshow+from+Photobucket+Media+RSS+Feed&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Diaporama d'un album photo de Photobucket</noscript>

photobucket-gadget-nt.xml

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/photobucket-gadget-nt.xml&up_File=http%3A%2F%2Ffeed266.photobucket.com%2Falbums%2Fii244%2Fprac53%2Fhenri-de-villamont%2Ffeed.rss&up_Link=http%3A%2F%2Fwww.hdv.fr&up_Titre=Henri%20de%20Villamont%20-%20Vins%20de%20Bourgogne&up_Textcol=%23000&up_TextBcol=%23d1dae3&up_Bordercol=%23f00&up_SlideBcol=%23c3d9ff&up_BoxBcol=%23d1dae3&synd=open&w=360&h=300&title=Slideshow+from+Photobucket+Media+RSS+Feed&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><noscript>Gadget Google - Diaporama d'un album photo de Photobucket</noscript>

Les paramètres du gadget

photobucket-gadget.xml

File : Le Flux Media RSS de l'album. Une adresse de cette forme :
http://feed266.photobucket.com/albums/ii244/prac53/henri-de-villamont/feed.rss

Link : URL du lien sur le titre de l'album
Titre : Titre du lien sur le titre

Textcol : #rrggbb couleur du texte
TextBcol : #rrggbb couleur du fond du texte
Bordercol : #rrggbb couleur de la bordure
SlideBcol : #rrggbb couleur du fond du diaporama
BoxBcol : #rrggbb couleur du fond du conteneur

photobucket-gadget-blog.xml

photobucket-gadget-nt.xml

Un exemple

Henri de Villamont - Grands Vins de Bourgogne

Gadget Google - Diaporama d'un album photo de Photobucket

Pour les utilisateurs de Blogger

L'ajout d'un gadget par Eléments de la page / Ajouter gadget est très simple. Pour ajouter un gadget dans le corps d'un message, il suffit d'insérer un iframe dans le html du message.