Créer un diaporama et le publier sur son blog (tutoriel)

25/03/2011 13:19

Par un souci de présentation, d'animation, de gain de place

et aussi de protection de mes images...

je présente souvent mes séries de photos ou mes tutoriels

sous la forme de diaporamas.

Le résultat est attractif et pourtant pas si compliqué

à créer. Suivez le guide...en images !

Ce n'est pas plus compliqué de faire un diaporama qu'un blog en mode débutant. J'utilise par exemple ces sites:

RockYou
Slide

Avant c'était un peu laborieux de télécharger les images une par une,
mais à présent on peut télécharger toutes ses photos en 1 seule fois
(à condition de les rassembler dans le même dossier avant).
Ensuite il y a juste à choisir le style, écrire les commentaires, sauvegarder,
copier le code et le coller dans la partie HTML de son blog ou site.
C'est fait en quelques clics, le tout c'est de se lancer ! On y va ?...

Créer son diaporama Slide

aller sur le site "slide": http://www.slide.com/

clic sur "make a slideshow"

Dans le cadre orange "UPLOAD your own images", clic sur "browse"

une fenêtre s'ouvre et vous sélectionnez vos images (rester appuyé sur CTRL + clic)
clic sur "ouvrir"...et patienter le temps que ça charge (regardez les barres bleues), quand c'est fini on peut lire "upload done"
on descend dans le cadre en dessous, on clic sur les diapos pour les changer de place (glisser-déposer) et dans le rectangle sous chaque photo pour écrire ses commentaires (légendes)
ensuite on peut voir le résultat en haut de page
on peut personnaliser dans les onglets "style" (transitions), "skins" (cadres et décors), "themes" (effets sur l'image), "music/video", "fond"(couleur du fond), "effects" (couleurs et solarisation), "taille" (grandeur d'affichage), "données personnelles" (confidentialité). A chaque fois on peut cliquer sur "view more" pour voir plus d'options, ou sur "remove" pour annuler.

clic sur le rectangle vert "sauvegarder"

puis clic sur "save slideshow"

ensuite vous pouvez copier l'adresse du diaporama dans le rectangle devant "share this slideshow" (ça commence par http://...) pour coller le lien quelque part(par exemple dans un e-mail)

pour afficher le diaporama sur votre blog, copiez le code HTML dans le rectangle sous "copy this code"(CTRL + clic)
allez sur votre blog, écrivez votre article et cliquez dans Canalblog sur <> ou dans Overblog sur "HTML", et collez le code à la fin de la page de code qui s'affiche puis clic sur "valider" (rien de plus !)
visualisez votre article

Et voilà un beau diaporama !!!
Alors, c'était plutôt facile, non ?
A vous de jouer, puis de laisser vos liens en commentaires !