Etape 8 - Insérer l'image dans le blogVous pouvez cliquer sur chaque image pour l'agrandir dans une nouvelle fenêtre.Retour au menu- Ouvrir votre Blogg en mode "admin"
- accéder à votre post à illustrer, en mode "modification"
- dans la fenêtre de saisie de votre texte
- choisir le bouton "image"
Dans la fenêtre qui s'affiche,
indiquer :
- Image URL : le lien direct de l'image donné par le site http://imageshack.us/ (copié dans le presse papier à l'étape précédente)
- Alternate texte : un texte optionnel d'explication
- Alignment : l'alignement de votre image (right : à droite du texte, left : à gauche du texte)
- Border : l'épaisseur de la bordure (0 ou vide si vous ne voulez pas de bordure)
- Spacing : un espace horizontal ou vertical à laisser entre le texte et l'image (entre 5 et 10 sont des valeurs acceptables)
Après avoir cliqué sur
OK, la fenêtre d'édition vous montre immédiatement ce que donnera le résultat.
Si vous ne pouvez pas (ou ne souhaitez pas) utiliser cette boîte de dialogue, vous pouvez passer en mode "
code source" ou "
code Html" :
- cliquez sur le bouton HTML
- insérez à l'endroit voulu de votre texte, le code image en copiant le lien direct (copié dans le presse papier à l'étape précédente) comme suit :
<img alt="Mon image" hspace="8" src="http://img225/img225/8336/image.gif" align="right" vspace="8" border="0" />
On retrouve ici les éléments de la boîte de dialogue précédente :
- img src = "LIEN DIRECT donné par IMAGESHACK.US"
- border = "EPAISSEUR DE LA BORDURE" (0, 1, 2...)
- align = "ALIGNEMENT" (right, left, ...)
- vspace et hspace = "ESPACEMENT VERTICAL ET HORIZONTAL"
- alt = "TEXTE OPTIONNEL"
Poster définitivement votre texte modifié.
Avec cette méthode, vous pourrez insérer plusieurs images dans un même texte.