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 3 mars 2010

Les Vignettes d'un Album Picasa sur son Blog

Picasa Albums Web est l'hébergeur de photos associé à Blogger. Les photos d'un album peuvent s'afficher dans un Diaporama, ou s'afficher sous forme de vignettes (thumbnails).


Le Gadget Google

Le Gadget Google, Vignettes Picasa, affiche les vignettes d'un album Picasa ou les dernières images ajoutées à un compte Picasa.

Vignetts Picasa


Pour insérer ce Gadget sur son Blog, il faut utiliser la technique décrite dans l'article du Blog d'Aide, qui permet d'insérer le Gadget dans le corps du message ou dans la colonne des gadgets. Le code html à insérer est un iframe. Pour le placer dans le corps du message, il suffit de copier le code en utilisant l'onglet Modifier le code HTML, pour l'insérer dans la colonne des gadgets, il faut copier le code dans un gadget HTML / Javascript.


Le code du iframe

Le code doit être saisi sans retour à la ligne.


<iframe style="width: 300px; height: 210px;"
src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/picasa-thumbnails.xml
&up_USR=utilisateur Picasa
&up_AID=identifiant album Picasa

Pour trouver ces 2 valeurs. ouvrir un album, et prendre l'URL qui est marquée RSS. L 'adresse indique clairement /user/ et /albumid/

&up_NBC=Nombre de vignettes à afficher (1 - 200)
&up_SIZE=Largeur des vignettes (32 à 160 pixels)

&up_SIZE=Hauteur des vignettes (32 à 160 pixels). Par défaut les vignettes sont à l'échelle de l'image originale (uncropped)

&up_SHA=Ombre portée (Yes - No)

&up_CLP=Ouvrir l'image sur un clic (Yes - No)

&up_URL=URL du lien sur le titre
&up_TITLE=Texte du titre

&up_LCOL=%23rrggbb couleur du lien
&up_BCOL=%23rrggbb couleur de la bordure
&up_BKCOL=%23rrggbb couleur du fond
&up_CCOL=%23rrggbb couleur du conteneur"
allowTransparency="true" frameborder="0" scrolling="no">Gadget Google - Vignettes Picasa</iframe>



Les paramètres

Dimensions du gadget : à ajuster en fonction du nombre de vignettes à afficher.

Utilisateur et identifiant de l'album : pour obtenir le nom d'utilisateur et l'identifiant de l'album, ouvrir l'album Picasa. Rechercher le lien RSS (colonne de droite, une fois l'album Picasa ouvert). Celui-ci est de cette forme :


http://picasaweb.google.com/data/feed/base/user
/utilisateur Picasa
/albumid/identifiant album Picasa
?alt=rss&kind=photo&hl=fr


Couleurs : utiliser le code couleur rrggbb.


Des exemples

L'album Picasa Clos Domaines et Châteaux - La noblesse des vins suisses, affiché en utilisant le code suivant : (à saisir sans espaces ni retours à la ligne)


<iframe style="width: 305px; height: 385px;" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/picasa-thumbnails.xml
&up_USR=philippe.chappuis
&up_AID=5297196325809923457
&up_NBC=20
&up_SIZE=72
&up_SHA=Y
&up_CLP=Y
&up_URL=http://www.c-d-c.ch
&up_TITLE=Clos+Domaines+et+Châteaux
&up_LCOL=%23558866
&up_BCOL=%23558866
&up_BKCOL=%23eeeecc
&up_CCOL=%23eeeecc"
allowTransparency="true" frameborder="0"
scrolling="no">Gadget Google - Vignettes Picasa - Album Clos Domaines et Châteaux</iframe>




Ajouter ce gadget a Google


Les 30 dernières images ajoutées à mon compte Picasa : 


Ajouter ce gadget a Google


Plus d'informations

Afficher les vignettes d'un album Picasa avec un Gadget Blogger.

Utiliser un script ou un iframe pour afficher les vignettes d'un Album Picasa sur son Blog.

Avec un Gadget Google, afficher les vignettes d'un ensemble de photos (Photostream) Flickr sur son Blog.

Afficher les vignettes d'un ensemble de photos (Photostream) Flickr sur son Blog, avec un Gadget Blogger.

Placer un Diaporama de Picasa sur son Blog, en utilisant un code iframe.

Un gadget Google pour afficher des photos en accordéon dans une galerie horizontale.

Le Flux Media RSS pour afficher un Diaporama (anglais).

26 commentaires:

Annie a dit…

Bonjour et merci pour vous explications§ Il m'a fallu malgrès tout plus de 2hueres pour mettre les vignettes dans mon messages : la cause c'est que j'avais toujours un titre du style chateau .... La valeur par défaut du gadget! mais j'ai fini par intégrer les gadget dans mon iGoogle comme vous l'aviez expliquéndans un autre article.
Le titre de l'album a comme valeur : &title=Picasa+Album+Photostream

voilà voilà mais reconnaissons que pour des débutants ça n'est pas encore une partie de plaisir.

Prac a dit…

Bonsoir

@Annie

Dans le gadget, pour le titre changez ici

up_Link=http://www.c-d-c.ch&up_Titre=Clos Domaines et Châteaux

Donnez moi par mail l adresse de votre essais / de votre album

Cdt

khaouter a dit…

bonjour. je viens de rajouter le gadget picasa photostream sur mon blog.il fonctionne,mais je voudrais faire d'autres albums photos,avec des thèmes différents chacun.mais quand je rajoute a nouveau le gadget,n'apparaissent que les photos de l'albums déjà sur mon blog,et non l'album qui est stocké sur picasa...
avez vous la solution a ce problème??? merci d'avance

Prac a dit…

Bonjour

J ai repondu ici

Forum Blogger

Cdt

Ronan a dit…

Bonjour,
J'ai utilisé le code que vous publiez pour le gadget photostream cette semaine pour certaines pages de mon blog (http://montrealcestaussiletien.blogspot.com/), et ça a très bien fonctionné.
Par contre, j'ai voulu l'ajouter sur une nouvelle page aujourd'hui, et ça ne fonctionne pas : Le carré s'affiche, mais sans les vignettes, et il n'y a pas de lien actif vers l'album.
Du coup j'ai revérifié les autres, et ils sont tous pareils, un carré vide sans lien actif.
Si je copie-colle votre exemple dans mon blog, ça fonctionne.
Avez-vous une idée d'où peut venir le problème ?
Merci pour votre aide.

Samantha Dorato Art a dit…

Pour moi c'est la même chose que Ronan, pas de vignette. Et que veut dir eexactement "link= url lien sur le site" ? Que dois-je mettre et où le trouver? Merci.

Prac a dit…

Bonsoir

Bonne année 2011. Mieux vaut une reponse tradive que pas de reponses

Pour Ronan, et c est certainement le probleme de Sam :

- up_LINK mettre une adresse URL qui defini le lien sur le titre (par exemple l adresse de l album Picasa, mais sans le # final)

- le code couleur doit etre valide #rrggbb est un exemple, a transformer en #0000cc pour obtenir le bleu par exemple

- Le code correct pour Ronan :

[iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108621208120033273647/picasa-photostream-gadget.xml&up_UserName=ronangire&up_AlbumID=5552908331511440401&up_Link=http://picasaweb.google.com/ronangire/EssaiNouvelObjectif2&up_Titre=Essai du nouvel objectif&up_Textcol=%230000cc&up_Bordercol=%23cc0000&up_Backcol=%23ffffff" style="height: 340px; width: 380px;"]Gadget Google - les vignettes d'un album[/iframe]

(remplacer [] par <>)

Cdt

petits.clous a dit…

Bonjour et bonne année !!

Je voudrais savoir s'il est possible de faire un album par page et non par billet ?

Merci beaucoup.

Anonyme a dit…

Bonjour à tous,
je cherche à insérer la même galerie photo, mais j'aimerais que lorsqu'on clique sur une photo, on ne soit pas redirigé sur picasa...
comme par exemple avec paper blog:
http://www.toothbrushnomads.com/australie/les-photos-perdues-suite-et-fin/
j'ai l'impression que ça n'existe pas avec blogger, quelqu'un pourrait il me renseigner ?
merci bcp !
Clara

Prac a dit…

Bonsoir

Pour eviter l ouverture de l image originale sur un clic mettez le parametre

up_CLP=No

Tous les details sur

Gadget Google pour afficher les vignettes d un album Picasa

Cdt

Unknown a dit…

Bonjour
j'ai un problème quand 'affiche les vignettes d'un album il faut que celui ci soit déclaré "public".
Mais alors les autres albums public apparaissent.
Merci de votre aide

Unknown a dit…

Bonjour à toutes et tous

Un peu d'aide svp
sur mon blog http://pedibuspyrenees.blogspot.com/
j'ai 2 vignettes album Picasa.
Aygues cluses et Campana
Je n'arrive pas à supprimer
"liens du vin"

Merci à vous

Prac a dit…

Bonsoir

@Résident

Il y a qq erreurs dans le code. Vous pouvez utiliser le code iframe

Ouvrez la page test ci-dessous et faire Affichage source. vous y trouverez les codes iframe corrects

Test Vignettes

Cdt

antoniadaix a dit…

Bonsoir,
L'insertion dans mes pages des vignettes de mes albums flickr est exactement ce que je veux mais...
Je n'arrive pas à activer les liens. je cherche depuis un moment comment faire, j'ai lu la réponse faite à Sam le 7 janvier mais je n'ai toujours pas compris ce qu'il faut mettre en URL DE LIEN SUR LE TITRE. En tout cas rien ne fonctionne. Pourriez-vous m'éclairer ?
voici ma page d'essai http://antoniadaixnostalgie.blogspot.com/2000/01/cartes-postales-de-nouvel.html et le lien vers mon album flickr http://www.flickr.com/photos/66667254@N07/sets/72157627689165904/
Merci pour votre aide.

Prac a dit…

Bonsoir Antonia

Voici le code correct, sans blanc ni retour a la ligne, remplacez [] par <>

[iframe allowtransparency="allowtransparency" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-thumbnails.xml&up_SET=72157627689165904&up_NBC=50&up_SIZE=72&up_SHA=Yes&up_URL=http://www.flickr.com/photos/66667254@N07/sets/72157627689165904/&up_TITLE=&Cartes postales de nouvel an&up_LCOL=%23336699&up_BCOL=%23cc0000&up_BKCOL=transparent&up_CCOL=%23d1dae3" style="height: 900px; width: 440px;"][/iframe]

le clic sur une image n ouvre pas l image ? un probleme d acces a votre album ?

Tenez moi au courant

Cdt

antoniadaix a dit…

Bonjour,
Merci pour m'avoir répondu aussi rapidement.
J'ai fait un copier coller du code et l'ai inséré dans mon article après avoir modifié les balises mais le problème reste le même, flickr indique que ce n'est pas le bon lien.
Un essai avec un autre album qui ne comporte qu'une photo http://www.flickr.com/photos/66667254@N07/sets/72157627539415081/ n'a pas eu plus de succès.
J'ai également vérifié les autorisations de mes photos sur flickr, elles sont bien visibles par tous.

Voyez-vous d'où peut venir le problème ? Merci par avance pour les indications que vous pourrez me donner.
Bonne journée.

Prac a dit…

Re

@antoniadaix

pour faire apparaiutre un titre, le code

[iframe allowtransparency="allowtransparency" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-
gadget.googlecode.com/files/flickr-
thumbnails.xml&up_SET=72157627689165904&up_NBC=50&up_SIZE=72&up_SHA=Yes&up_URL=http://www.flickr.com/photos/66667254@N07/sets/72157627689165904/&up_TITLE=Cartes postales de nouvel an&up_LCOL=%23336699&up_BCOL=%23cc0000&up_BKCOL=transparent&up_CCOL=%23d1dae3" style="height: 900px; width: 440px;"][/iframe]

l adresse de l'image lors du clic
dans le gadget

http://www.flickr.com/photos/antoniadaix/6155101549/in/set-72157627689165904

adresse introuvable, l adresse de l image lors du clic depuis l album flickr

http://www.flickr.com/photos/66667254@N07/6155647510/in/set-72157627689165904

Il y a un probleme avec votre identifiant Flickr / Yahoo

utilisez

http://idgettr.com/

http://www.flickr.com/photos/antoniadaix

n est pas une adresse valide. Creez un nouveau compte flickr et copiez l album

Cdt

antoniadaix a dit…

Bonsoir,
Cela fonctionne, merci !
Il y avait bien un problème d'indentifiant sur flickr. J'ai modifié dans mon profil "créer votre propre adresse flickr" avec un alias antoniadaix.
Puis-je encore poser une petite question ? Comment faire pour avoir l'arrière-plan des vignettes en transparent (quel est le code ) au lieu de bleu ?
J'ai essayé de plusieurs façons mais soit cela ne fonctionne pas soit cela renvoie un message d'erreur.
Cordialement.

Prac a dit…

Bonsoir Antoniadaix

Parfait pour l identifiantFlisck !

- exemple sur cette page http://antoniadaixnostalgie.blogspot.com/2011/09/couples.html

- faire apparaitre le titre et le lien. Supprimez les // apres

up_URL=http://www.flickr.com/photos/66667254@N07/sets/72157627695478360//

pour le parametre TITLE, remplacer

&up_TITLE=&Couples&up_LCOL

par

&up_TITLE=Couples&up_LCOL

(pas de & apres TITLE= )

- pour etre transparent, mettez

&up_BKCOL=transparent&up_CCOL=transparent

ce qui donne ([] a remplacer par <>)

[iframe allowtransparency="allowtransparency" frameborder="0" scrolling="no" src="http://www.gmodules.com/gadgets/ifr?url=http://prac-gadget.googlecode.com/files/flickr-thumbnails.xml&up_SET=72157627695478360&up_NBC=50&up_SIZE=72&up_SHA=Yes&up_URL=http://www.flickr.com/photos/66667254@N07/sets/72157627695478360&up_TITLE=Couples&up_LCOL=%23336699&up_BCOL=%23cc0000&up_BKCOL=transparent&up_CCOL=transparent" style="height: 440px; width: 440px;"][/iframe]

Bonne soirée

Prac a dit…

Re

Si le titre s affiche prevoir de changer height="440"

--

prac

--

antoniadaix a dit…

Tout fonctionne. Merci beaucoup pour ces explications très claires qui m'ont permis de faire exactement la présentation que je souhaitais.

Mike a dit…

Bravo pour ce script qui fonctionne très bien sur google site (à condition de ne pas limiter les accès aux albums picasa).
Savez-vous s'il existe un gadget permettant de miniaturiser des images pisasa en lien sur un site (fonction insérer image picasa), sans aller dans l'album ? Ce que je cherche à faire c'est d'afficher une liste de vignettes qui ouvrent l'image en grand format dans une autre fenêtre sans quitter le site.
Merci et encore bravo

Prac a dit…

Bonsoir

@Mike

Non car ce a quoi vous pensez est un affichage lightbox. Pour Google Sites ce n est pas possible (le gadget est insere par iframe et la lightbox ne fonctionne pas dans une lightbox)

Cdt

Mike a dit…

bonjour,
je trouve cette page sur le web qui parle pourtant de lightbox depuis picasa ?
http://www.goopal.org/Google-Sites-Embed/flash-embed/flash-lightbox
Quid ?

merci, bien cdt

Prac a dit…

Bonsoir Mike

Oui, c est une possibilité.

Cdt

Anonyme a dit…

Merci beaucoup pour l'astuce