Il est possible depuis novembre 2007 d'ajouter un Diaporama comme élément de page. Ce nouveau widget est compatible avec les hébergeurs qui fournissent un flux media RSS.
Le Flux Media RSS
La source du Diaporama doit être un flux RSS au format media RSS. Les principaux hébergeurs de photos sur Internet proposent maintenant ce format. C'est simplement un fichier texte en format xml/rss, contenant le descriptif des medias à diffuser (son, image ou vidéo).
Titre
Le titre du Diaporama. Limiter le nombre de caractères si le diaporama doit être dans une colonne.
Source - Picasa Albums Web
Picasa, l'hébergeur d'images de Google, offre 2 options, soit l'affichage des images avec une sélection par mot clé, soit l'affichage d'un album précis. Dans ce cas il faut saisir le nom de l'utilisateur Picasa, suivi du nom de l'album.
Important : L'option mot clé doit être utilisée avec précaution car elle affiche toutes les images publiques ayant ce mot clé (tag / étiquette). Pensons aussi aux éventuels problèmes liés au droit d'auteur.
Source - Flickr
Flickr offre aussi 2 options, sélection des images par mot clé et par client. Mot clé fonctionne comme pour Picasa, l'otion client quant à elle demande le nom d'utilisateur Flickr. Celui-ci figure dans la barre d'adresse de Flickr, après avoir ouvert votre compte et cliqué sur Your Photos. Dans mon cas, l'adresse est :
http://www.flickr.com/photos/prac53/
Et le client à saisir : prac53
Source - Photobucket
Cet hébergeur n'offre qu'une seule possibilité, par mot clé. Ce sont les tags placés sur les images. Ne jamais perdre de vue qu'avec cette option l'ensemble des photos de Photobucket, avec un mot clé donné, sera affiché.
Source - Autre
Cette dernière option est certainement la plus utile. La sélection par mot clé ne permettant pas d'afficher uniquement ses propres images, l'option autre va nous permettre d'indiquer le flux media RSS de l'album à afficher.
Pour Photobucket, par exemple, se rendre dans afficher un album, puis copier le raccourci du bouton Album Feed. On obtient alors une URL comme celle-ci :
http://s266.photobucket.com/albums/ii244/prac53/feed.rss
Il suffit de recopier cette adresse dans la zone Flux.
Modifier la taille du Diaporama
Créer le Diaporama, puis se rendre dans le panneau de contrôle de Blogger. Cliquer sur Paramètres puis Mise en page et Modifier le code HTML. Choisir Développer des modèles de Gadget.
Rechercher le bloc div suivant :
<div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"'>
Ajouter les dimensions désirées, par exemple 350 x 260 :
<div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"' style='width: 350px; height: 260px;'>
Exemple
Un diaporama réalisé à partir de mon album sur Flickr, Les Clos Domaines et Châteaux, sur le blog tendance9.
Utiliser directement le flux media RSS
Google, grâce à Google AJAX Feed API permet de configurer soi-même un diaporama, et d'y incorporer ses propres effets de transition et ses propres contrôles.
Incorporer la bibliothèque de code AJAX
Il suffit de 2 scripts :
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"></script>
Appel du Diaporama
Il est réalisé par le script suivant, qui définit la fonction de callback. Le détail des valeurs est donné dans le manuel de référence. La variable flux contient le nom du flux media RSS à traiter.
<script type="text/javascript">
function load()
{
var flux = "http://feed266.photobucket.com/albums/ii244
/prac53/Travail-Vigne/feed.rss";
var options = {
fullControlPanel: true,
fullControlPanelSmallIcons: true,
thumbnailSize : GFslideShow.THUMBNAILS_LARGE,
pauseOnHover: true,
displayTime: 3000,
transitionTime: 1000,
linkTarget : google.feeds.LINK_TARGET_BLANK
};
new GFslideShow(flux, "travail_vigne", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>
Positionner le Diaporama
Le code html suivant appelle le Diaporama :
<div id="travail_vigne" class="gss">En cours de chargement...</div>
Le style du Diaporama
Le style pour la classe gss :
.gss a img
{
border : none;
}
.gss
{
width: 229px;
height: 206px;
color: #dddddd;
background-color: #558868;
border: 1px solid red;
padding: 4px;
}
Pour ne pas alourdir ce blog avec ce style, je charge la feuille de style uniquement pour ce message, avec l'astuce décrite ici : Un style pour un seul message. La feuille de style peut être téléchargée ici.
Le résultat
Un Diaporama Le Travail de la Vigne - La Valeur de l'Homme (crédit photos : Regis Colombo pour l'Association Clos Domaines et Châteaux) :
En cours de chargement...
Rappel : Insertion de scripts sur Blogger
Les scripts mentionnés ici peuvent être insérés entre les balises <head> et </head> (Paramètres/Mise en page/Modifier le code HTML).
Dans ce cas ils seront actifs pour tous les messages du blog. Pour ne les activer que pour un seul message, il est possible de les saisir au début du texte. Attention cependant, dans ce cas, saisir le script sans retour à la ligne entre les balises <script> et </script>.
En savoir plus
Un Diaporama de Picasa avec un Gadget Blogger
Un Diaporama de Photobucket avec un Gadget Blogger
Des Gadgets Google pour afficher un Diaporama sur son Blog ou son Site
Un diaporama avec les derniers messages du Blog, avec un Gadget Google
Un diaporama avec les derniers messages du Blog, avec un Gadget Blogger
Utiliser un Flux Media RSS pour réaliser son Diaporama
Afficher un Diaporama sur Google Sites
Incorporer un Diaporama dans le corps du message, plus d'explications
Placer un Gadget Google dans le corps du message. Une façon pratique d'incorporer un Diaporama
Video : Utilité et fonctionnement des flux RSS
Les vignettes d'un Album Picasa sur son Blog
113 commentaires:
Très beau travail !! merci, je vais expérimenter ce diaporama.
Bonne soirée
Francoise (Typy)
Salut,
Bien reçu ton message sur mon blog...
Je ne me suis pas avancé sur ton terrain car cela dépasse mes compétences...Pas compris où mettre le code !
J'ai voulu testé ce diaporama avec le RSS du site PicsEngine, mais ça marche pas...
Quelqu'un saurait pourquoi? Merci =)
Bonjour Pochy
Et c est normal un flux :
http://www.picsengine.com/preview/feed/?id=1
n'est pas un flux Media RSS. Mais j ai constate que picsengine utilise le flux Media RSS de Flickr
voir ici pour touver sa definition
Flux Media
Merci beaucoup pour la manip!
ça marche super bien !
Bonsoir
Super fonctionnalité...sauf que moi j'aimerai pouvoir montrer non pas les photos d'un album particulier de mon compte Picasa mais TOUTES mes photos !
Y a-t'il une solution ou bien ?
Bonsoir
Je ne vois pas d autres solutions que de creer un super album avec une copie de toutes les photos !!!
bonjour,
de très bonne explications, mais un peut dure pour les novices comme moi ! lol
moi! je chercher à mettre des diaporama sur mes blog, ses des diaporama que l'on m'a envoyé, ils sont en pps, et je cherche à pouvoir les mettre sur mes blogss et pour çà il me faut un hébergeur!lol
et pas évident dans trouver un.
si tu trouve bien, mais s'est pour
faire des diaporama et pas pour héberger ceux que l'on a! lol
merci tout de même pour toute ses explication que tu partage.
bonne après midi
amitié
marianne
Bonjour Marianne
Desole, un diaporama en pps c est autre chose. Je vous suggere un hebergeur gratuit qui accepte des fichiers pps :
Google Docs
(rubrique Presentation)
Bonne fin de journee
Merci beaucoup pour ces explications. Avec les informations données par Blogger, je ne réuissais pas à faire fonctionner mon diaporama adéquatement. Merci mille fois, je vais assurément ajouter votre site à mes favoris !
Bonjour et 1000 mercis pour ces précieuses informations : nous pouvons enfin publier un diaporama sur notre blog.
Cependant, contrairement à Miroune73, nous aimerions pouvoir publier des albums et non pas toutes les photos... (sur Flickr).
Si vous avez des conseils... ça nous aiderait beaucoup
Merci
(nous aussi on va mettre votre blog dans nos favoris)
bonjour à vous,
pour faire un album passer par macker movie çà vous fera une vidéo que vous fait éberger sur google qui vous donnera une adresse url que vous mettrez sur votre blog.
autrement pas évident! lol
bon courrage à vous tous.
moi! mon prob s'est que j'ai déjà des diaporama pps toute faites et que je cherche comment les mettre sur mon blog.
j'avais téléchagé picassa, mais il ne prend pas se type de format alors je suis toujours au même point je peut toujours pas les mettre sur mon blog! mdr
et tout se que j'ai pu trouver son pareil tu peut faire des diaporama mais pas mettre ceux que l'on a déjà pour avoir une adresse url je trouve pas débergueur.
amitié
a tous marianne
Bonsoir Cyril et Natacha
- Donnez nous l adresse de votre Blog
- Pour Flickr, lire ici la methode pour trouver l adresse de votre Flux RSS, correspondant à vos albums, sous "Feed from Flickr"
Media RSS
En substance, se logger sous flickr, cliquer sur mes photos ou mes albums, et copier l adresse du flux (bouton orange RSS en bas a gauche). On doit obtenir une adresse du style :
http://api.flickr.com/services/feeds/photos_public.gne
?id=42038249@N00&lang=en-us&format=rss_200
Pour obtenir le user-id (42038249@N00) utiliser cet outil idGettr
Une fois en possession de cet URL, dans Blogger / Diaporama choisir AUTRE comme source et placer l adresse sous FLUX
Bonne soirée
Bonsoir Marianne
J ai fait l'essai avec Google Docs et cela donne un resultat parfaitement acceptable.
- J ai créé une presentation PPT disponible a cette adresse :
Presentation PPT avec Google Docs
- Grace au code (iframe) fourni par Google, j ai integre ce diaporama ppt dans mon blog de test
- J ai ensuite créé un Diaporama PPT avec PowerPoint (Office 2003) que j ai importé sans problème dans Google Docs, et également inseré dans mon blog de test sans problème
N'hésitez pas si vous avec des problèmes. Bonne soirée.
Bonsoir. J'ai testé avec blogger et franchement c'est trés trés bien. Merci pour l'astuce.
Par contre, j'ai du mal à changer les parametres dans le code html.
Je met des attributs à .slideshow-container mais la bordure que je veut mettre est plus grande que mes photos en hauteur et un margin n'a aucun effet. J'ai tenté comme vous le decriver de changer la hauteur du diaporama mais il me donne un message d'erreur (comme quoi il me manque une balise de fermeture ...).
Je continue de chercher mais si vous avez quelques eclaircissements, je suis preneur :). Merci encore pour les explications.
Bonsoir DID
J ai essaye cela :
div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"' style='width: 130px; height:90px; border: 2px solid red;' cela passe sur mon blog test
attention à la syntaxe, simple quote (apostrophe) pour style='xxxx' et bien fermer le tag du div
Pour vraiment configurer le style du slideshow, utiliser le Flux Media RSS, il y a un exemple sur le blog ou ici
Flux Media RSS
Merci beaucoup de prendre la peine de me répondre Viti-vino, c'est vraiment sympa.
Bon, j'ai testé plusieurs choses mais ca passe toujours pas, ma bordure est toujours plus grande que les photos du diaporama (un autre paramétrage qui doit interférer...).
Il me reste la solution que tu m'indique du Flux media rss mais la, j'ai peur que ca dépasse mes pauvres competences en html...
Je me permet de poser une autre question. J'ai en dessous des messages que je poste, à gauche de l'heure, la ligne "à l'adresse". J'arrive bien a supprimer l'heure mais pas cette ligne. Est ce possible ?
Bon week end.
Re bonjour Did
Votre Flux
http://api.flickr.com/services/feeds/photos_public.gne?id=7249325@N07&lang=en-us&format=rss_200
comprend des photos de differentes proportions. Si le flux compreend des photos de meme taille c est faisable de placer une bordure en respectant la proportion des tailles. Voir le cadre rouge sur mon blog test.
Pour l'heure c est dans Mise en Page / Elements de la Page /Blog Post / Modifier
Sous Sélectionner des élémets, décocher la ligne à l'adresse heure
Re-merci pour les explications Vito-vino.
merci, mon anglais est limité, bon blog
wandering
bonjour,
moi j'ai un petit problème avec Picasa... quand je mets le nom de l'utilisateur il me dit qu'il ne trouve rien !!!
"feed could not be loaded"
Merci de vos réponses
Bonsoir Elfie
2 choix : Par mot clé essayer vin vous aurez des photos !!
Par album : la on peut mettre un nom d utilisateur
par exemple philippe.chappuis et album Album_2007
Il existe une 3 iem possibilité. Choisir comme Source : Autre et entrer l adresse du flux pour 1 album picasa. Par exemple :
http://picasaweb.google.com/data/feed/base/user/philippe.chappuis/albumid/5188461038174064833?kind=photo&alt=rss&hl=fr
Pour trouver le flux d un album, ouvrir l album, copier l adresse (bas droite) marquee RSS
Bonsoir, et bravo pour l'article.
Je conseille aussi d'aller jeter un oeil du côté de ComBoost sur http://www.comboost.com
Il y a différents modèles de diaporamas dont un pour colonnes de blog.
Ils sont personnalisables en couleurs, avec titres et commentaires.
L'insertion est plutôt simple car c'est un simple copier-coller.
Enjoy!
sakut,
cool le diapo , ca marche impec
et merci pour ton blog qui nous facilite bien la vie, en tous cas pour des nuls comme moi(lol) a quand blogger pour les nuls?!!
par contre j'arriva pas a changer mon modele de blog(voulais passer en 3 colones)... bon merci en tous cas je vais continuer a essayer et vais mettre un lien pour ton blog sur
au plaisir!le mien
bonjour olivier,
pour mettre ton blog en trois colonnes, il faut que tu aille dans la configuration de ton blog, ou dans dimension et placement selon le blog que tu as et désactiver ou activer la colonne.
si tu peut pas alors s'est ton blog qui est comme çà, tu pourra rien faire! lol
amitié
marianne
salut,
Lorsque je veux rentrer le nom de l'album il me dit qu'il n'y a pas d'albums publics. Or je viens juste de rendre mon album public.
Quelqu'un connait-il la réponse à ce schmilblick?
merci
Bonsoir Julie
Il faut en tout cas attendre que Picasa fasse la mise à jour
Le plus simple et sûr est d utiliser l option Source : autre et de mettre l'URL du flux de votre album dans source du Flux
L URL du flux de votre album se trouve, sur Picasa, album ouvert, en bas à droite (lien RSS - Copier le raccourci)
Bonne soirée
bonjour, eh bien je n'y arrive pas du tout!! ni par flickr (impossible de trouver mes photos ni par client ni par flux), ni par comboost (où copie-t-on le message texte lien vers le diaporama) comment faire?
Merci, très bonne idée ce blog, je pensai ne jamais trouvé !
Je voudrais savoir si je peux faire un diaporama avec des photos que j'ai prise avec mon appareil numérique .
Merci !
Bonsoir Juliette
Oui, créez un compte sous Picasa, téléchargez vos photos, puis créez le diaporama comme indiqué dans cet article
bonjour à tous et toutes
j'ai crée un album sous picassa
je l'ai enregistre
mais quel adresse faut il mettre
lorsque je controle, sur le blov, n'apparait que le tire
pas les photos
oui, un article type diaporama pour les nuls avec google
merci
Bonjour
Ouvrez l album Picasa. En bas à droite copier le raccourci de l'adresse marquée RSS. C est l'adresse du flux media de l'album
dans Blogger /Diaporama, choisir autre comme source (ET PAS PICASA). Sous adresse du flux, mettre l'adresse copiée depuis PICASA
bonsoir
merci à viti vino
l'insertion du diaporame, parfait
pour joindre un fichier, il semble que j'ai trouvé le transformer en pdf , pouis le mettre sous ggogle
par contre lorsque l'on l'ouvre (idem pour le diaporama) on arrive sur mon compte perso, fort genant
y a t il ue autre procédure
amicalmeent
jcl
Bonsoir
non. pour l internaute l'accès est en lecture seule !!
Bonjour, grâce à toutes vos explications j'ai réussi à mettre mes photos en diaporama sur mon blog mais j'ai juste une petite question. Avec Flickr j'ai mis des titres et des commentaires à mes photos est il possible qu'ils soient aussi dans mon diaporama sur mon blog??
Merci
Bonjour Tite Mag
Cela necessite un peu de programmation. Je l ai fait pour Picasa, cela doit etre possible pour Flickr
Voir ici
Flux Media RSS
Bonne fin de journee
J'ai importé un diaporama *.pps dans googledocs. J'ai intégré le code HTML donné dans mon blog. Mais le lien obtenu ne permet pas le démmarage automatique en diaporama, il envoie simplement sur googledocs, où le diaporama s'affiche sur la partie gauche de l'écran et on doit agir avec la souris pour passer les diapos.
Que faire ?
Je signale que le meme fichier pps chez un hebergeur gratuit démmare en diaporama plein écran sans problème. Mais cet hébergeur limite la taille des fichiers à 1 MO ce qui justifie mon utilisation de googledocs (à titre d'essai).
Bonsoir
J ai un essais ici, ou le diapo est dans une iframe
Presentation PPT
Mais il faut passer d une diapo a l autre a la souris
Merci pour ces échanges.
J'ai un problème lorsque j'insère un diaporama d'un album sous Picasa Web, ce diaporama marche très bien avec FireFox et IE 6 mais pas avec IE 7 (il est très très petit, et quasi-invisible).
J'ai cherché sur Google mais rien trouvé.
Le même résultat si je rentre l'adresse du flux RSS de l'album.
Avez-vous une idée SVP?
Merci
Bonjour Anonyme
Donnez nous l adresse de vos essais !!!
Merci viti-vino pour votre réponse très rapide.
Voici un essai qui ne marche pas : http://goutdumonde.blogspot.com/
Dans ce blogue vous avez dans le menu de droite Diaporama, ca marche sur IE 6 et FireFox mais pas avec IE 7 :((
Merci encore
Merci pour ces explications, j'ai pu créer le diaporama sur lequel je pestais depuis deux jours... :D
Par contre, mon diaporama se vent une "vitrine" du blog (qui ne contient quasi que des images). L'ordre fixé est un peu limitant pour moi, y a-t-il un moyen pas trop compliqué pour que les photos soient chargées aléatoirement dans le dossier picasa, et non pas dans l'ordre prédefini ? les plus anciens en premier, ca m'arrange pas du tout...
Merci d'avance, et tant pis pour moi si c'est pas possible... :)
Bonjour M. Nuage
Le Diapo reprend l ordre de l album. Pour imposer un ordre, il faut placer les photos sur Picasa dans un certain ordre
bonjour!
je viens de découvrir vos explications pour placer un diaporama dans un blog et que je cherchais depuis longtemps.
j'ai suivi les indications pour changer la taille du diaporama widget du sidebar; j'ai fait attention à bien reproduire le code html, mais blogger continue à refuser de le publier. j'ai refait l'opération une dizaine de fois et rien!
pourtant, je ne suis pas completement nulle dans ces opérations html. pas compris!
Bonjour
Donnez moi l adresse de votre essais
Bonne soirée
Bon boulot mais....
Lorsque je tente d'ajouter un daiporama sur mon blog, je ne vois tous mes dossiers photos picassa et en l'occurence celui que je veux choisir (qui est repertorié) n'apparait pas.
Une solution ?
Merci. Je m'abonne de ce pas à votre flux.
Bonjour
Ouvrir Picasa, selectionner l album. En bas a droite copier le lien derriere la mention RSS
bonjour!
j'ai récupéré le flux rss de mes albums picasaweb (en bas à droite).
je l'ai ensuite intégré dans le widget "diaporama" de Blogger.
il s'affiche donc un diaporama de tous mes albums (photos de couverture).
cela dit, j'aimerais que le titre des albums s'affiche.
comment faire???
utiliser le widget "html/javascript" avec un code adapté?
merci!
Bonjour
Pour afficher le titre, il faut utiliser du javascript et decoer le flux rss des photos
voir ici - FLUX MEDIA RSS
lire aussi le groupe d aide ici
Bonjour,
J'ai utilisé ton script java pour inserer des diaporama en flux rss dans le corps de mes messages.
J'aimerais augmenter la taille du diaporama mais je n'y arrive pas.
Quand je change la taille dans la feuille de style .gss, çà ne change que la taille du cadre mais pas des photos.
Je pense qu'il faut jouer avec les options du slideshow mais, d'après Google AJAX Feed API, THUMBNAILS_LARGE est la plus grande taille possible...
Est-ce qu'il y a un moyen de fixer un nombre de pixel qq part?
En tout cas merci bcp pour ton aide et ce blog très utile !
AnnSo
Bonsoir,
.gss mettez
width: 390px;
height: 293px;
pour respecter l echelle des photos initiales (640x480)
et dans options ajouter ce parametre
scaleImages: true,
(attention le dernier parametre sans virgule)
Bonne soirée
merci pour votre réponse très rapide.
Malheureusement, votre solution n'a pas l'air de marcher. J'ai modifié les options comme vous le disiez en ajoutant
scaleImages: true,
et çà n'agrandit pas plus, même qd je supprime l'option
thumbnailSize : GFslideShow.THUMBNAILS_LARGE,
Est-ce qu'il faut supprimer d'autres lignes d'options ou modifier aurte chose? sinon, c'est pas très grave, je me dis que la taille suffira. C'etait simplement pour essayer d'avoir plus grand si c'est pas possible tant pis !
merci de toute façon
AnnSo
Bonsoir.
Je commencerai par m'excuser, mais je suis perdu a la lecture de ces explications.
Je cherche à faire apparaitre un diaporama dans le corp d'un message de mon blog.( comme votre exemple)
Je comprend et vois bien que tout y est expliqué, mais je ne comprends pas la manipulation.
J'utilise picassa et j'ai bien réussi à publier le diaporama avec le gadjet blogger mais pas dans un message...
Pourriez vous "faire encore plus simple" en expliquant uniquement la manipulation pour un diaporama de picassa ver blogger ?
cela m'éviterai de me perdre dans les différentes options que vous proposez.
Merci pour votre patience.
R dhennin.
Bonsoir Richard
J ai écris une petite explication ici :
Un Diaporama dans le corps du message
Je comprends pas. Mon album est partagé pour le web et lorsque je veux en faire un diaporama, ça fonctionne pas!
J'ai choisi l'option "album" et lorsque je dois rentrer le "Nom de l'utilisateur" il ne trouve pas. Il m'affiche: feed could not be loaded.
Ça semble d'une simplicité telle et pourtant, ça fonctionne pas du tout...
Pouvez-vous m'éclairer?
Bonsoir
J ai repondu en detail sur citron.lime
- Picasa votre hebergeur de photos et pas l application Picasa sur votre poste !!!
- Ouvrir l album, a droite il y a une icone bleu RSS. Copier l adresse de ce flux RSS
- A placer das le gadget Diaporama, source : AUTRE / Flux
Bonne soirée
Effectivement çà marche maintenant, merci beaucoup pour tout.
J'ai reussi à ameliorer la qualité de l'image (qui etait moins bonne due à l'agrandissement) en rajoutant &thumbsize=800 à la fin de l'adresse du flux rss.
Encore merci
AnnSo
Bonjour!
Merci pour toutes ces explications... Cependant ça ne marche toujours pas chez moi!
Mon blog est http://tsevie2008.blogspot.com/
et j'essaie d'insérer un diaporama, dont les photos sont un album sur Photobucket.
Je copie bien le lien RSS, en sélectionnant "Autre" comme source pour configurer le diaporama.
Mais rien ne s'affiche! On voit sur le blog seulement les flèches de défilement et de PAuse du diaporama, mais aucune des 8 photos!
Auriez-vous une explication svp???
merci!
Bonjour,
Merci pour ce que vous faites pour nous aider.
J'essaie de personnaliser le blog que j'ai créé ( 3 colonnes).Jai 2 questions:
- comment positionner à gauche un diaporama actuellement centré
-j'aimerais également pouvoir réduire la hauteur entre la fin d'un message et " commentaires" ainsi que la hauteur entre "commentaires" et la barre de séparation du message suivant.
pouvez vous le dire ce qu'il faut changer
merci
Bonsoir Denis
Merci de poster votre question sur le groupe d'aide, en indiquant l'adresse de votre Blog
pour cadrer a gauche chercher dans le code (modele gadget / widget developpe)
div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"' ajouter / creer un style avec margin-left: 0;
comme pour changer la taille dans l explication !!
le groupe d aide
bon week end
Hello, d'abord merci pour toutes ces infos très claires.
Une petite question : j'ai réussi à mettre le diaporama en ligne sur mon blog (une précision : pour moi, il a fallu que je rentre mon login complet avec le arobase pour qu'il trouve l'album : monnom@gmail.com). Bon la question : quand j'ajoute des photos dans mon album web via Picasa, la manip est d'une simplicité déconcertante. La photo se retrouve bien en ligne. Mais le diaporama lui n'est pas rafraîchi. Il ne tourne qu'avec la dizaine de photos insérées à la création.
Une idée ? il y a un délai de latence ? ou je dois récréer un diapo ?? ça me semble bizarre...
Merci
Bonjour Steph
Les flux RSS des diaporamas sont rafraichis dans un delai de 4 à 12 heures
Bonne fin de week end
j'ai un compte et des photos sur Picasa, mais impossible de mettre un diaporama sur blogspot. ni mon nom d'utilisateur, ni les mots clés, ni les noms de mes albums ne son reconnus. Je megalère depuis des heures sans parvenir. Où est l'astuce? merci de votre aide...
Bonsoir Livia
Ouvrez picasa, click sur l album. Verifier qu il soit en acces public. Dans la colonne de droite copier l adresse RSS.
Dans blogger / diaporama, source : Autre puis l adresse du Flux RSS
J'arrive bien à publier le diaporama, avec plusieurs méthodes (dans le message, dans le gadget, avec flux RSS ou avec source "Picasa album web". Mais je n'ai pas trouvé comment faire pour que son Picasaweb ne s'affiche pas, et qu'on retombe sur le blog en fermant le diaporama. Qui a une idée ?
Bonsoir Motylka
la seule solution est de supprimer l option
linkTarget :
(evite d ouvrir picasa) ou de la fixer sur target blank pour ouvrir dans une fenetre independante avec
linkTarget : google.feeds.LINK_TARGET_BLANK,
deux exemples ici
Diaporama RSS 1
Diaporama RSS 2
bonsoir,
j'utilise cette fonction de diaporama intégré à Blogger.
mais je suis obligé d'utiliser le service de Wowzio pour présenter les albums photos avec leurs titres.
serait-il possible d'intégrer le texte rattaché à chaque album en utilisant le diaporama Blogger???
ou alors, connaissez-vous un autre service similaire à Wowzio pour cela???
(car Wowzio ne tourne pas toujours bien rond...)
Bonsoir
Le gadget de blogger n affiche pas le titre du diaporama, ni la legende des images
On peut encapsuler le code du diaporama dans un gadget et afficher ces éléments
voir les references suivantes
Media RSS
Gadget Picasa
Gadget dans le corps du message
Bonne soirée
merci pour cette info "intégrer le texte dans le diaporama"
mais c'est trop complexe...
bizarre que Blogger ne propose pas un petit onglet à cocher pour afficher ou non le texte correspondant à la photo.
Merci de tous ces précieux conseils ! J'ai réussi à inclure un diaporama et à en modifier la taille. Par contre j'ai du couper le bloc div puis coller celui qui est écrit dans le message explicatif, car en rajoutant seulement les dimensions comme expliqué(la partie en vert), cela ne fonctionnait pas.
Merci encore !
Bonsoir
Casimfamily. Très bien, mais je ne vois pas le dispo sur votre Blog.
Bonne semaine
--
prac
--
En effet : ce n'est pas sur ce blog que je travaillais, mais sur un autre qui n'est pas public.
Une fois plus aguerrie, je me mettrais à celui-ci.
Bonne soirée !
Bonjour,
Merci pour l'aide car j'ai batailler deux heures avant de pouvoir mettre le diaporama.
Lorsque j'augmente la taille du diaporama, celui ce met sur la gauche et coupe une parti des images.
Comment faire pour le centrer ?
Merci
Bonjour
Donnez moi l adresse de votre Blog
Voici l'adresse du blog
http://auxonglesducagou.blogspot.com/
J'ai remis le diaporama comme il été a l'origine.
Bonsoir Nccagou
Avec votre modèle vous ne disposez que de 220px de largeur. Si vous augmentez la taille du diapo au-delà, les photos partent sur la droite.
il faut modifier dans le html, developper modele de gadget :
div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"' style='width: 220px;'
j ai un essais ici
TESTBonne soirée
Merci bcp pour votre aide !
merci beaucoup pour ces explications, moi qui suis novice en blog j'ai réussi sans problème à créer un diaporama du plus bel effet !
Bonsoir,
J'ai installé le widget "diaporama" sur Blogger et j'ai réussi à en modifier la taille grâce à vos conseils. J'aimerais maintenant faire en sorte qu'une nouvelle fenêtre s'ouvre si l'on clique sur le diaporama. Cependant, dans le code html du widget, pas de trace de "target". Une solution à ce problème ? Merci d'avance.
Céline M. pour http://www.rock-times.com
Bonsoir Céline
Désolé du retard. Le gadget Diaporama de Blogger comporte désormais une option Ouvrir les liens dans une nouvelle fenêtreBonne soirée
Je voudrais trouver des explications plus basique pour total novice et pouvoir afficher mon propre diaporama sur mon blog google
Comment configurer précisement un diaporama à partir d'image venant de picasa album web
Nom d'utilisateur?
où trouve-t-on notre nom d'utilisateur
Bonjour
@ALQ
Connectez vous sur votre compte Picasa ALbums Web :
http://picasaweb.google.com
Ouvrez un album, copier l adresse dans la barre d adresse du navigateur
http://picasaweb.google.com/NOMUTILISATEUR/NOMALBUM#
Cdt
oui mais comment le mettre sur mon blog de blogger !
Bonsoir
@A.L.Q.
Comme diaporama, suivez les instructions ci-dessus, comme vignettes d un album, voir l'article :
Les vignettes d un album Picasa sur son Blog
Cdt
Bonjour, Merci de vos explications. J'aimerais ne plus afficher les cmmandes Picasa... : http://olivierparent2.blogspot.com/p/dessinsstoryboards.html
Par avance, merci de vos lumières...
Bonsoir Olivier
Vous utilisez la version html / Flash du Diaporama Picasa
Utilisez un Diaporama base sur le Flux Media RSS, vous n aurez plus les commandes Picasa
Voir ici, prenez le code du iframe. Remplacer le parametre up_File par le flux RSS de votre album
Gadget Picasa
Cdt
Bonjour,
Je souhaite agrandir 2 diaporamas, j'ai bien essayé mais sans succés, ça me marque:
"Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
Message d'erreur XML : Element type "b:includable" must be followed by either attribute specifications, ">" or "/>"."
J'ai pourtant bien suivi vos instructions, pouvez vous m'aider.
Par avance, merci
Bonsoir
@Marc et Coralie
Donnez moi l adresse de votre Blog
Cdt
notre adresse est : www.marcetcoco@blogspot.com
Bonjour
Le Blog
http://marcetcoco.blogspot.com/
est prive, je ne peux rien faire. Ecrivez moi sur mon email et mettez moi lecteur autorise
Bonjour,
Voilà c'est fait voue êtes autorisé à accéder à notre blog.
Merci par avance des conseils que vous pourrez nous donner.
Cordialement
Bonsoir
@Marc et Coralie
Les veinards !! le soleil de la Réunion !!
Parametres / Prsentation / Modifier HTML
mettez ceci à la fin de votre style
.slideshow-container
{
width: 380px;
height: 320px;
}
(juste avant ]])(/b:skin) (j utilise ici () à la place de <>)
Cdt
Tout d'abord Merci beaucoup pour l'ensemble des réponses et solutions données.
J'ai un autre problème maintenant.
J'ai créé 6 pages ma question est la suivante : Comment faire pour ne pas avoir le même diaporama à chacune des pages créés. Existe t il un moyen de générer un diaporama différent pour chacune des pages ?
Bonsoir
@Rachël
- Vous pouvez afficher le gadget diaporama que sur certaines pages
- Vous pouvez aussi placer vos diaporamas dans le corps d un message
Cdt
Bonjour et merci pour ces infos tres utiles!
Je rencontre juste un ptit probleme, les images de mon diapo sont floues... Pourriez-vous m'aider s'il vous plait?
a bientot
Cam
Bonsoir
@Camille
Vous utilisez le Gadget Diaporama standard de Blogger. Comme source de vos images vous avez donné le Flux de votre Blog. C est tres malin, ainsi vous réalisez une table des matières de votre blog, sous forme de diaporama.
Malheureusement, le flux de votre Blog, créé par Blogger, contient une vignette de 72px que le diaporama affiche, d ou la perte de qualité.
Utilisez un gadget personnalisé, qui affiche l image en vraie grandeur (jusqu a 800 px). Vouspouvez aussi agrandir le diaporama
Gadget Diaporama personnalisé
Vous pouvez aussi introduire dans un gadget html / javascript le code iframe d un gadget Google, comme indiqué ici
Gadget Blogger : Diaporama
Cdt
--
prac
--
Bonsoir
@Camille
Pour une table des matières du Blog, pourquoi ne pas utiliser le Gadget qui affiche un Diaporama des 10 derniers messages du Blog
Diaporama derniers post
Cdt
--
prac
--
Merci vous m'avez super bien aidée! j'ai réalisé mon diapo sur picasa, j'ai cliqué sur RSS j'ai copié colé l'adresse qui s'afiche dans la barre d'adresse ^^
J'ai choisi option Autre et collé l'adresse et voilà super!
Merci !
bonjour
complètement novice moi je voudrais simplement créer un diaporama avec les photos se trouvant sur mon C: sans devoir aller sur picassa ou autres... je ene comprends rien au flux etc.... merci d'avance pour votre aide
@anonyme novice
- Vous n avez pas besoin de vous préoccuper de Picasa. En inserant une photo (depuis le C) sur le Blog, Blogger va créer un album lié au Blog, et votre photo sera hebergée sur Picasa Albums Web
- Un diaporama ne peut fonctionner que si les images sont hàbergée sur un serveur internet, Picasa Albums Web en l occurence
Cdt
Bonjour, le problème avec Picassa et Flick'r notamment, (pour comboost je ne sais pas) c'est qu'en uploadant les images sur ces plates-formes on accepte via les conditions d'utilisation (qu'on ne lit jamais...) de céder les droits de propriété intellectuelle sur lesdites images. Autrement dit, votre super coucher de soleil, et bien picasa peut en faire une carte postale et la revendre à son compte...Bref, je plussoie la question précédente, comment héberger un diaporama ailleurs que sur ces compagnies (sur un espace personnel, gratuit ou payant, ou bien e "cloud computing", etc) et dans ce cas comment faire un diaporama et l'exportervers son blog ?
Bonsoir
Une alternative, payante, smugmug
Diaporama depuis Smugmug
--
prac
--
Bonsoir
Est-il possible après avoir inséré un diaporama en provenance de google dans un message de supprimer le cadre noir
Merci par avance
J-P
Bonsoir
@j-p
Voire
Diaporama Flickr
Cdt
comment mettre une nouvelle position a mon diaporama
Bonsoir
@kingflex
Qu'appelez-vous "position" ? une nouvelle image ? dans ce cas le flux sera mis a jour automatiquement dans un delai compris entre 1h et 8h
Cdt
Bonjour,
Merci pour cet excellent tutoriel!
Je voudrais éviter que les visiteurs de mon blog ne soient envoyés vers l’album Picasa, soit en retirant le possibilité de cliquer sur une photo, soit (espoir...) que le clic les envoient sur l'article contenant l'image.
Est-ce qu'une de ces 2 possibilités est envisageable svp ?
Bonsoir
@Alcidejet
- Utiliser un Gadget Blogger personnalisé ou un Gadget Google
Choisissez alors le parametre CLP=No pour ne pas ouvrir la photo / l album sur le clic
Cdt
Merci, mais j'avais déjà essayé ce gadget et il a trop d'inconvénients : Il ne s'affiche pas sous Firefox et semble beaucoup alourdir le chargement de la page (chrome/opéra/etc...)
Met-il l'ensemble de l'album en cache ???
Ne sachant plus où j'ai trouvé celui en place, je ne sais comment en modifier l'aspect onClic... :-/
Merci de l'aide en tout cas
Enregistrer un commentaire