Tutoriel sur la création de diaporama avec des photos stockées sur FlickR, et son intégration sur un site web ou un blog.

1. Le SAV du club Affaires courantes Le thème du Club : photo et web Créer un diaporama FlickR et l'intégrer dans un blog TUTORIEL N°1 © Nicolas Monseigne

2. Le SAV du club J'ai une belle galerie photo. Super ! Et maintenant ? Affaires courantes Le thème du Club : photo et web Exemple : l'utilisation de flickR comme "base de données photo" Je choisis les photos taggées "vignoble-site-utm2009" pour les faire apparaître dans un diaporama, que j'implante sur le blog destination-vignobles-en-medoc.blogspot.com. Avec un tag aussi "bizarre", je suis certain de ne faire ressortir que mes photos ;-). Pas de soucis de droits comme ça ! En choisissant ce tag, je ne prends que quelques photos parmi toutes celles qui sont stockées dans flickR. Si j'utilise le tag "site-utm2009", que j'ai ajouté à toutes mes photos, j'aurai donc un diaporama reprenant toutes mes photos ! TUTORIEL N°1 © Nicolas Monseigne

3. Le SAV du club Créer un diaporama pour l'intégrer dans un blog La procédure… Affaires courantes Le thème du Club : photo et web 1- on a stocké ses photos sous flickR, et elles sont bien taguées ;-) 2- on se rend dans sa galerie (menu "Vous">"votre galerie" 3- puis on clique sur "Tags" TUTORIEL N°1 © Nicolas Monseigne

4. Le SAV du club Créer un diaporama pour l'intégrer dans un blog La procédure… Affaires courantes Le thème du Club : photo et web 4- un "nuage de tags" apparaît. Cliquer sur le tag qui nous intéresse. Par exemple "vignoblesiteutm2009". Les photos ainsi taggées apparaissent. 5- cliquer sur "diaporama" TUTORIEL N°1 © Nicolas Monseigne

5. Le SAV du club Créer un diaporama pour l'intégrer dans un blog La procédure… Affaires courantes Le thème du Club : photo et web 6- Le diaporama se lance. Ce qui nous intéresse, c'est pouvoir intégrer ce diaporama dans notre blog. On clique donc sur "Partager". Si vous ne le voyez pas bougez la souris ;-) TUTORIEL N°1 © Nicolas Monseigne

6. Le SAV du club Créer un diaporama pour l'intégrer dans un blog La procédure… Affaires courantes Le thème du Club : photo et web 7- Un menu apparait. Vous pouvez bien sûr juste récupérer le lien internet, mais intégrer le diaporama directement dans votre site sera plus sympa ! Il faut donc prendre le code HTML, que vous pouvez personnaliser. C'est donc là que l'on va cliquer ! TUTORIEL N°1 © Nicolas Monseigne

7. Le SAV du club Créer un diaporama pour l'intégrer dans un blog La procédure… Affaires courantes Le thème du Club : photo et web 7- Configurez la taille de votre diaporama en fonction de la place dont vous disposez sur votre site web (si vous ne la connaissez pas, faites des essais !). Ces réglages faits, copiez le code HTML (sélectionnez tout le texte, puis pressez les touches "ctrl" et "C" en même temps) TUTORIEL N°1 © Nicolas Monseigne

8. Le SAV du club Créer un diaporama pour l'intégrer dans un blog La procédure… Affaires courantes Le thème du Club : photo et web 7- RDV sur votre blog, connectez-vous en tant qu'administrateur. Puis rendez-vous dans le menu qui vous permettra d'ajouter une rubrique. Exemple sous Blogger : TUTORIEL N°1 © Nicolas Monseigne

9. Le SAV du club Créer un diaporama pour l'intégrer dans un blog La procédure… Affaires courantes Le thème du Club : photo et web 8- Ajoutez un gadget HTML/Javascript 9- Collez votre code HTML (touche "Ctrl" et "V" appuyées en même temps). Profitez-en pour nommer votre diaporama… ou pas ! 10- Admirez le résultat ! TUTORIEL © Nicolas Monseigne

10. Le SAV du club Affaires courantes Le thème du Club : photo et web TUTORIEL Fin du tutoriel © Nicolas Monseigne