Intégrer des images dans un message depuis Web Album [2/2]
(Images sur Google Picasa Album Web)
Cet article est la suite de "Intégrer des images dans un message depuis Web Album [1/2]".
Dans le précedent article nous nous attachions au concept de lien vers les albums, nous allons maintenant traiter des photos elles-mêmes
Sommaire :
• 4 - Interaction entre les photos d’un Web album et le Blog
o A Lier une photo à un gadget « HTML/Javascript »
o B Afficher une photo dans un article méthode N°1 «URL »
o C Afficher une photo dans un article méthode N°2 «HTML »
4 - Interaction entre les photos d’un Web album et le Blog
Cliquez sur une image de votre web album
Vous accéder alors à la gestion spécifique de la photo
Cliquer sur « Lien vers cette photo »
Vous retrouvez les mêmes possibilités que pour l’album, avec des options supplémentaires :
« Lien ». Il s’agit de l’adresse web de la page. Reprenez le paragraphe 3 – A et lier un ou plusieurs mots à la page d’une photo (et non plus à la page d’un Web Album).
« Insérer l’image dans une page Web » est un générateur de code HTML qui vous permettre de choisir la taille de l’image à insérer.
4 – A Lier une photo à un gadget « HTML/Javascript »
Sur la page de la photo, copier le code HTML (clic-droit copier)
Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.
Cliquer sur le « + » du gadget « HTML/Javascript »
Rentrer un titre (ie : Photos sous-marine), et coller le contenu du code HTML dans la partie « Contenu », puis cliquer sur « Enregistrer »
Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur «Enregistrer »
Passer sur votre Blog, faites « F5 »
Le résultat est légèrement différent qu’avec un Web Album
(Le lien en texte sous la photo, ici « De Photo sous marine » peut être supprimé si vous cochez « Masquer le lien vers l’album » avant de copier le code HTML sur la page de la photo.
4 – B Afficher une photo dans un article méthode N°1 «URL »
Sur la page de la photo, faites un clic-droit sur celle-ci et choisissez « ouvrir l’image dans un nouvel onglet »
Aller sur ce nouvel onglet et copier l’adresse de la page
Aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.
Cliquer sur l’outil « Ajouter une image »
Dans la boite dialogue, coller l’adresse dans le champ URL, dans la partie « Image provenant du web », puis cliquez sur « Envoyer une image »
Cliquer sur « Terminer » sur l’écran suivant
Dans votre back-office, cliquer maintenant sur « Publier le message »
Passer sur votre Blog, faites « F5 »
4 – C Afficher une photo dans un article méthode N°2 «HTML »
Sur la page d’une photo, sélectionnez la dimension choisie pour votre image
Copiez ensuite le code HTML
Aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.
Cliquer sur l’onglet « Modifier le code HTML » du corps du message.
Cliquer à la fin de votre texte, appuyez sur la touche « entrée » et coller votre code HTML.
Cliquer sur l’onglet « Rédiger », patientez un peu, votre image doit s’afficher.
Cliquer alors sur « Publier le message »
Passer sur votre Blog, faites « F5 »
