08-illustrer le blog

27.02.2005

Etape 8 - Insérer l'image dans le blog

Vous 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,

Cliquez sur l'image pour l'agrandir dans une nouvelle fenêtre

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.