Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
La Bobine

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

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:
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
Image hébergée par servimg.com
  • aller sur le site "slide": http://www.slide.com/
  • clic sur "make a slideshow"
Image hébergée par servimg.com
Dans le cadre orange "UPLOAD your own images", clic sur "browse"
Image hébergée par servimg.com
  • 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.
Image hébergée par servimg.com
clic sur le rectangle vert "sauvegarder"
Image hébergée par servimg.com
puis clic sur "save slideshow"
Image hébergée par servimg.com
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)
Image hébergée par servimg.com
  • 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
Image hébergée par servimg.com
Et voilà un beau diaporama !!!
Alors, c'était plutôt facile, non ?
A vous de jouer, puis de laisser vos liens en commentaires !

Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
P
<br /> super merci beaucoup !!! tuto très clair et très facile !!!! un grand merci pour se partage qui me simplifie ma vie de bloggeuse !!!<br /> <br /> <br />
Répondre
E
<br /> Je me permet d'ajouter notre site www.kizoa.com avec lequel vous pouvez également très simplement ajouter des diaporamas avec textes, effets, transitions, musiques etc. sur un blog ou un site<br /> Internet.<br /> En espérant vous voir bientôt sur Kizoa, Equipe Kizoa<br /> <br /> <br />
Répondre
A
<br /> Bonjour moi le problème c'est que je n'ai plus le mot "valider" donc impossible de mettre mon slide depuis quelques jours il y a mettre à jour et annuler merci de votre aide<br /> <br /> <br />
Répondre
I
je viens d'essayer <br /> J'ai réussi<br /> merci pour ce tuto et tout les autres en couture<br /> bises <br /> isa k
Répondre
D
super, je vais essayer de faire un diapo. Merci pour la marche à suivre. Tu es toujours pelien de bonnes idées. Bonne journée.
Répondre
I
merci beaucoup c'est justement ce que cherchais à faire <br /> ça tombe bien<br /> isa k
Répondre
M
Un grand merci pour toutes ces explications ! y'a plus qu'à ...
Répondre
C
super pour ce tuto, j'ai justement quelques soucis pour faire de beaux diaporamas<br /> je testerai ça<br /> merci et bonne journée
Répondre
N
Merci Olivia pour ces magnifiques informations.<br /> bisou et bon lundi
Répondre
C
merci, je testerai !
Répondre
I
Super clair! Merci beaucoup!
Répondre