Message des administrateurs

Ce blog est le prolongement, le complément du Groupe d'aide Blogger en français. Vous pourrez y trouver, au fur et à mesure qu'ils seront reproduits ici, les conseils donnés au fil des messages sur le Groupe. C'est une simplification pour vos recherches d'aide sur les blogs de Blogger. Vous êtes cordialement invités à participer à cette compilation. Pour ce faire, il vous suffit de m'adresser un mail à cette adresse et dans les meilleurs délais, nous nous efforcerons de changer votre inscription afin que vous puissiez intervenir. Comme il s'agit d'un blog, vous pourrez également laisser vos commentaires - toujours les bienvenus - pour améliorer tant le contenu que le contenant.


Groupe d'aide Blogger en français

Google Groupes
Abonnez-vous au groupe Aide Nouveau Blogger en français
E-mail :
Visiter le groupe

mercredi 5 janvier 2011

Ses photos Flickr sur un mur d'images

Le gadget Diaporama de Blogger permettant d'afficher les images d'un compte Flickr utilise un Flux Media RSS. Il existe de nombreux prestataires tiers qui proposent un Diaporama en Flash.

Tiltviewer permet d'afficher un mur d'images. (To tilt : pencher, incliner).
Pour créer le diaporama il faut insérer un script qui appel le lecteur Flash tiltviewer.swf.

L'insertion du diaporama dans un message du blog ou un gadget html / javascript est grandement simplifiée en utilisant un Gadget Google.


Url du gadget

Images de Flickr avec Tiltviewertiltviewer-flickr.xml



Insertion du gadget

Le gadget peut être inséré dans le html d'un message de Blogger ou dans un gadget HTML / Javascript. Pour obtenir le code du tag iframe ou la source du script, il faut utiliser la méthode décrite dans ce message du Blog d'Aide pour Blogger.

Pour ce gadget, les codes sont donnés sur la page Diaporama Flickr avec Tiltviewer.


Le tag iframe

A saisir sans espace ni retour à la ligne :


<iframe
style="width: 440px; height: 390px;"
src="http://www.gmodules.com/gadgets/ifr?
url=http://prac-gadget.googlecode.com/files/tiltviewer-flickr.xml
&up_UID=User ID, l'identifiant utilisateur de Flickr

Utiliser IdGettr pour trouver l'identifiant

&up_TIT=Titre du diaporama
&up_LNK=URL du lien sur le titre

&up_SW=Largeur en pixels du diaporama
&up_SH=Hauteur en pixels du diaporama

&up_TCOL=%23rrggbb couleur du titre
&up_BBOCOL=%23rrggbb couleur externe du fond
&up_BBICOL=%23rrggbb couleur interne du fond

&up_PFCOL=%23rrggbb couleur du cadre des images
&up_PBCOL=%23rrggbb couleur du verso des images
&up_BFCOL=%23rrggbb couleur de l'entourage
&up_BDCOL=%23rrggbb couleur du cadre
&up_CCOL=%23rrggbb couleur du conteneur
"
allowTransparency="true"
frameborder="0" scrolling="no">
</iframe>




Affichage plein écran

Faire un clic droit, puis choisir Full screen.


Un exemple

J'utilise le code suivant pour afficher les photos de mon compte Flickr :


<iframe style="width: 440px; height: 390px;"
src="
http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/tiltviewer-flickr.xml

&up_UID=42038249@N00

&up_TIT=Clos%20Domaines%20et%20Ch%C3%A2teaux
&up_LNK=http://www.liens-du-vin.ch/vision_cdc.htm

&up_SW=420
&up_SH=360
&up_TCOL=%23112233
&up_BBOCOL=%23eeeecc
&up_BBICOL=%23112233
&up_PFCOL=%23558866
&up_PBCOL=%23bbbbbb
&up_BFCOL=%23eeeecc
&up_BDCOL=%23558866
&up_CCOL=%23eeeecc
"
allowTransparency="true"
frameborder="0"
scrolling="no">Gadget Google - Les photos de Flickr sur un mur d'images</iframe>






Plus d'informations

Un mur d'images avec une galerie en xml

Les vignettes d'un ensemble de photos de Flickr avec un Gadget Google

Les vignettes d'un ensemble de photos de Flickr avec un Gadget Blogger

Un Diaporama de Flickr sur son Blog

Galerie horizontale de photos affichées en accordéon

Les vignettes d'un album Picasa sur son Blog

Insérer un gadget dans le corps du message

Tiltviewer, le site


Crédit photos

Association Clos Domaines et Châteaux
Enregistrer un commentaire