jeudi 16 octobre 2008

Insérer une image

  1. Cliquer sur l'icône image
  2. Sélectionner l'image sur l'ordinateur (sélectionner "Image mise en ligne" et cliquer sur "Parcourir") ou indiquer l'adresse de l'image sur Internet. (sélectionner : "Adresse web (URL))"Attention cette image doit être personnelle, libre de droit ou vous devez avoir l'autorisation de son auteur. Lire ce message
  3. Sélectionner la taille et la position de l'image dans le message en cochant les cases correspondantes.
  4. Puis cliquer sur "Envoyer l'image"
  5. Il n'est pas nécessaire de redimensionner l'image, Blogger le fera si nécessaire.
ATTENTION : un lien est présent dans chaque image téléchargée, en cliquant dessus il affiche l'image dans sa taille réelle et dans une nouvelle page. Ce lien peut être supprimé.

Images téléchargée à partir d'un ordinateur


Image intégrée sans modification, avec un lien. 



Image intégrée suivi d'une modification, sans lien.


Procédure :
  • Intégrer une image
  • Cliquer sur l'onglet"Modifier le code HTLM"
  • Repérer le code de l'image (exemple ci-dessous)






    • Copier l'adresse de l'image (en jaune ci-dessus).
    • ATTENTION : la 1ère adresse présente dans le code n'est pas correcte.
    • Effacer la totalité du code concernant l'image (voir ci-dessus)
    • Saisir  le code suivant (en jaune l'adresse de l'image qui a été copiée)




    • Retourner à l'onglet "Rédiger", l'image doit être présente et sans lien une fois le message publié.

    Remarque :
    Pour ne pas avoir un trait qui encadre l'image, il faut cliquer sur les onglets "Mise en page" puis "Police et couleurs". Sélectionner la même couleur pour "Couleur de la bordure du message" que pour "Couleur principale de l'arrière-plan". Mais il n'y aura plus de bordure de message également!


    Image, pour laquelle une adresse Internet a été indiquée.


    8 commentaires:

    JP Gallerand a dit…

    Question de François

    ...J'aimerais intégrer une notation, genre 5 étoiles, 4 étoiles ou 3 etc... selon mon appréciation (ci-joint deux images gif pour illustrer mon propos). Lorsque je le colle dans l'article, après publication, il le considère comme un lien. Or, je souhaiterais que cette image soit figée.

    Comment peut-on intégrer et figer ce genre d'image dans un article ? Doit-on le traduire en code HTML ?

    Réponse dans le message.

    JP Gallerand a dit…

    Question de François

    merci pour votre réponse rapide et claire. J'ai réussi à l'intégrer sans ce lien. Peut-on enlever le rectangle qui encadre ces étoiles. Est-ce possible ? ou non ?

    Oui c'est possible : réponse dans le message.

    Anonyme a dit…

    Bonjour,
    Avez vous essayé de publier des montages photos via Picassa ?

    JP Gallerand a dit…

    Oui en bas du menu de droite.
    Il suffit de copier le code de l'album Picassa et de le coller dans l'onglet HTML d'un message. Je vais faire prochainement un article plus détaillé.

    Anonyme a dit…

    Depuis peu, lorsque je fais un montage photo via Picasa, je n'arrive pas à le mettre sur mon blog. Il m'est répondu "blogger n'a pas pu traiter votre demande" ! J'ai tout essayé d'après les infos que j'ai glané et rien n'y fait ! Merci pour votre réponse au-dessus !

    JP Gallerand a dit…

    La solution dans cette nouvelle page :
    http://jetuilblogue.blogspot.com/2010/02/integrer-un-diaporama-partir-dun-album.html

    Hanami Nisei a dit…

    Bonjour,
    Félicitations, votre site est très clair.
    Avez vous déjà essayé d'utiliser un image stockée dans Google Drive comme background-image, dans un gadget par exemple.
    J'ai essayé mais cela ne marche pas.
    Ainsi le code suivant marche avec n'importe quelle image du web pas une image stockée sur GD et accessible librement.

    -div style="border: 2px solid blue; margin:-5px ; display: block; float: none; color:red; font-color:red; padding: 25px;
    background-image: url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSCsAoH2sZJ-nRedRUY-wv6Eq10vl4JKI0vtAU2g4zH9koNbl-uxg); background-size: 100% 100%;"
    Avez vous une idée???
    Merci.

    Marc
    www.marc-hanami.blogspot.com

    JP Gallerand a dit…

    Bonjour Hanami Nisei,
    Désolé je n'ai pas d'idée!
    JPG