ABC: BLOG & BLOGGER: Intégrer diaporama en ligne

S'il est aisé d'insérer une (ou plusieurs) photos ou images dans un article de Blogger, il est plus complexe d'insérer un simple diaporama ou un album

Autrefois Picasa facilitait le travail ainsi que l'utilisation du gadget "Diaporama" mais désormais tout cela n'existe plus !
Voir les dernières parties de cet article qui conserve les anciennes possibilités...

Désormais pour y remédier,on peut utiliser les outils en ligne de création de diaporamas avec intégration possible dans un article

DIAPORAMAS en ligne

Comment réaliser des diaporamas "en ligne" puis les intégrer dans votre blog.

Les meilleurs sites pour créer des diaporamas en ligne gratuits
=> à vous de tester

=> Attention : beaucoup proposent des diaporamas utilisant l'ancienne technologie "~~Flash~~" qui, aujourd'hui, n'est plus acceptée par les navigateurs, donc inutile pour un blog !

1. Kizoa

Kizao offre un très bon service en ligne permettant de créer des diaporamas.

Il offre de plus 1 Go de stockage gratuit. Ce site est l’un des rares tout en français.

Il permet de plus de faire des retouches de base. Simple, efficace et gratuit !

2. PhotoPeach

Un autre service en ligne simple à utiliser, qui offre en plus la possibilité d’ajouter de la musique à vos créations ainsi que du texte et des commentaires.

Simple et rapide, ce service peut aisément remplacer un logiciel payant.

3. Animoto

Les diaporamas que vous pouvez créer avec Animato sont d’un niveau de qualité assez élevé, surtout pour un service en ligne.

Ce site est entièrement gratuit bien sûr et vous permet de créer à partir de vos photos des clips vidéo accompagnés de musique.

Ce site étant très complet demande un temps d’apprentissage avant de bien maîtriser toutes ses options.

4. myPicPals

Ce service en ligne est très efficace et permet de créer rapidement des diaporamas très qualitatifs, et ce, sans être obligé de s’inscrire.

Une fois que votre diaporama est créé, vous disposez de 3 choix :

un lien pour placer votre création dans un blog, la possibilité de le partager par courrier électronique, ou plus simplement un lien direct permettant de faire ce que vous voulez avec votre diaporama.

Simple et efficace

Votre diaporama réalisé, il suffira de copier/coller le code dans votre blog !

5. SlideMyPics

Ce service en ligne entièrement gratuit a ceci de particulier, il vous permet de vous connecter à votre compte Flickr par exemple et d’utiliser directement vos photos pour en créer votre diaporama.

Vous pouvez également vous connecter à votre page Facebook et utiliser vos images pour réaliser de petits chefs-d’oeuvres très qualitatifs. Un autre service simple et efficace.

6.Comboost avec un espace dédié Diaporama pour blog

Propose gratuitement l'hébergement et le partage de photos avec ses contacts, ainsi que la possibilité de créer des diaporamas actualisables pour son weblog ..

Exemple

Badufle sur ComBoost

7.photopeach

8. Joomeo

Sauvegardez et partagez facilement toutes vos photos et vidéos avec vos amis grâce à Joomeo. Simple d'utilisation, importez facilement tous vos fichiers multimédia, créez des albums et organisez-les en arborescence par un simple glisser/déposer. Gérez vos contacts en groupes (amis, famille, travail etc.), attribuez-leur un mot de passe et partagez vos albums par mail en toute sécurité. Joomeo vous offre aussi la possibilité de créer et publier de magnifiques diaporamas HD à partir de vos différents albums photos et vidéos. Depuis le catalogue produits vous pouvez commander en quelques clics vos propres tirages (photos, posters, agrandissements, goodies etc.) au meilleur prix. Enfin, notez que Joomeo dispose de plusieurs formules en fonction de vos besoins.

9. Photosnacks

15 albums photos en version gratuite

+
-280slides : nombreux outils
-PictureTrail:diaporamas classiques
-Roxiophotoshow : d'excellentes transitions et beaucoup de réglages
-Smilebox : diaporamas à partir de photos, vidéos, musiques ; gravure dvd possible

----------------------------------------------------------------------------------------------------------------------

ANCIENNES POSSIBILITES...
INDISPONIBLES

A savoir :

Toutes les photos mises en ligne sur Blogger sont stockées dans Picasa Albums Web. Blogger offre 1 Go de stockage gratuit. Quelques points à noter :

Chaque blog contenant des photos dispose d'un album Web Picasa correspondant (portant le même nom) pour ces photos. Une petite icône orange Blogger figure sur la couverture de cet album dans Picasa Albums Web.
La visibilité des albums Blogger est automatiquement définie sur "Limitée aux utilisateurs disposant du lien".
Toutes les photos envoyées à Blogger sont décomptées de l'espace de stockage gratuit de 1 Go alloué à Picasa Albums Web. Les fichiers ne dépassant pas une certaine taille ne sont pas comptabilisés dans cette limite de stockage.
Si vous supprimez des photos de votre album Blogger sur Picasa Albums Web, elles sont également supprimées de votre blog. De même, si vous supprimez une photo de Blogger, elle est également supprimée de Picasa Albums Web.
2016 : ATTENTION, Google arrête Picasa : que faire de ses photos?

Le service Picasa sur le Web s'arrêtera le 1er mai 2016 et sera remplacé par Google Photos. Google concentre ses efforts sur un seul service pour renforcer Google Photos, lancé en mai 2015.

Après 12 ans de services, Picasa s'arrête. Sur son blog, Google annonce que le support technique de son logiciel de gestion d'images prendra fin le 15 mars. La version Web, quant à elle, n'acceptera plus les modifications de photos à partir du 1er mai. Les utilisateurs sont invités à basculer sur Google Photos, qui assurera la relève.

Les albums stockés sur la version Web de Picasa seront automatiquement transférés sur Google Photos. Ce service sera «le moyen le plus facile d'encore accéder, modifier et partager la plupart de ses contenus», explique Google. Il sera toujours possible de regarder, de télécharger et de supprimer tous les albums créés sur une version archivée de Picasa Web Album, qui permettra notamment de retrouver les tags, les légendes et les commentaires apposés sous chaque photo.

La version sous forme de logiciel «desktop» (bureau) pourra continuer à être utilisée, mais les développeurs n'en proposeront plus de mise à jour. Il faudra se rabattre sur la version logiciel de Google Photos, disponible sur Windows et sur Mac.
MAIS

avec Google Photos, il sera impossible de créer des albums web intégrables dans son blog. D'autres fonctions pratiques de Picas seront perdues !

==>Attendons de voir ce qu'il sera encore possible de faire après le 1°mai...

=> Google photos : AIDE et autre AIDE

Intégration d'albums, d'images et de diaporamas

Vous pouvez dynamiser votre blog en y intégrant un diaporama, un album ou des images. La procédure est très simple : il suffit de coller un petit extrait de code HTML dans le code source du blog. Suivez les instructions ci-dessous :

1-Diaporama

avec Picasa Albums Web

Vous pouvez intégrer un diaporama Flash de n'importe quel album Web. Toute modification apportée à l'album est automatiquement répercutée.

Si nécessaire créer un nouvel album en y copiant les photos que vous souhaitez afficher.Cliquer sur

pour obtenir la page ci-dessous qu'il faudra compléter:

mettre un nom à l'album (ou dossier)
puis faire glisser des photos dans cet album

Pour intégrer un diaporama, procédez comme suit :

Sur la page Mes photos, cliquez sur votre album.
Votre album photos est personnel : vous devez autoriser son partage afinde publier vos photos.
Cliquer sur "Actions" puis "Propriétés" afin d'autoriser le partage de ce nouvel album

Vous devez modifier les autorisations et sélectionner, en bas : "Réservé aux utilisateurs disposant du lien" puis "Enregistrer les modifications"
Cliquez sur "Lien vers cet album", dans le VOLET droit==>.
Sélectionner puis Cliquez sur Insérer un diaporama dans une page Web.
Définissez les paramètres du diaporama : taille des images, légendes et lecture automatique.
Une fois que vous avez défini les paramètres, copiez le code HTML obtenu (Ctrl + C).
Collez le code HTML dans votre article, en mode HTML (Ctrl + V).
ATTENTION : en mode "Rédiger" on ne voit RIEN (pas de diaporama)

Mode HTML

Mode Rédiger

Après mise à jour, en aperçu:
Mettre à jour votre article puis le visualiser : vous voyez votre diaporama
Vous pouvez adapter sa taille si elle ne vous convient pas
- soit en le recréant et en modifiant la taille (voir partie 5)
- soit en modifiant directement le code HTML (with= largeur et height = hauteur, en pixels)
  
  <embed type="application/x-shockwave-flash" src="https://photos.gstatic.com/media/slideshow.swf" width="288" height="192" flashvars="host=picasaweb.google.com&hl=fr&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F104269450981148811150%2Falbumid%2F6101605570921623073%3Falt%3Drss%26kind%3Dphoto%26hl%3Dfr" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
EXEMPLE de diaporama

2-Un album

Lorsque vous intégrez un album sur votre site, sa couverture s'affiche. Il suffit aux utilisateurs de cliquer sur l'image de cette dernière pour visualiser l'album dans Picasa Albums Web. Pour intégrer un album, procédez comme suit :

Sur la page Mes photos, cliquez sur votre album.
Cliquez sur Lien vers cet album, dans le volet droit.
Copiez le code HTML (Ctrl + C) dans le champ "Coller le code HTML à intégrer dans le site Web".
Collez le code HTML dans le code source de votre site (Ctrl + V).

EXEMPLE : cliquer sur la photo

25 février 2014

3-Une image

Pour intégrer une image dans votre site à partir de Picasa Albums Web, procédez comme suit :

Sur la page Mes photos, cliquez sur votre album.
Cliquez sur la photo à intégrer.
Cliquez sur Lien vers cette photo, dans le volet droit.
Définissez les paramètres suivants :
- Sélectionnez la taille de l'image.
- Sélectionnez "Masquer le lien vers l'album" pour supprimer le lien vers l'album, qui s'affiche par défaut avec l'image.
- Sélectionnez "Image uniquement (pas de lien)" pour obtenir l'URL de l'image, sans lien vers Picasa Albums Web.
Copiez le code HTML dans le champ "Insérer l'image dans une page Web" situé à droite (Ctrl + C).
Collez le code HTML dans le code source de votre site (Ctrl + V).

Ces instructions s'appliquent seulement aux albums dont la visibilité est définie sur "Public" ou "Limitée aux utilisateurs disposant du lien".

EXEMPLE d'intégration d'image à partir de Picasa

(il est plus simple de faire la démarche à partir de Blogger !)

De 25 février 2014

Publier sur Blogger

Lorsque vous visualisez l'intégralité d'un album ou une seule photo dans Picasa Albums Web, cliquez sur l'icône Blogger dans la partie droite de la page. Si vous y êtes invité, connectez-vous à votre compte Google.
Un message est automatiquement créé. Il contient une image intégrée qui constitue un lien vers la photo ou l'album en question. Vous pouvez modifier le message avant de le publier.
Cliquez sur Publier le message.

3-Utiliser les Gadgets

A partir de la mise en page de votre blog, vous avez 2 gadgets que vous pouvez utiliser : IMAGE & DIAPORAMA

A SAVOIR :Avant de faire ce diaporama, vous devez avoir défini dans Picasa web un album photo en "mode public"

En principe en indiquant la source "Picasa web" "Album" et en renseignant "votre compte" vous devez pouvoir choisir votre diaporama...
si cela ne fonctionne pas, procéder ainsi :
demander "AUTRE"