Charmeur-Mutin

Pour ceux qui voudraient créer rapidement un mini album photo dans un seul post de blog.

1) Préparation des photos (création des vignettes, optimisation de la taille des photos) :
- utiliser un logiciel spécialisé (Photoshop, Paint shop pro).
- pour les moins fortunés, les outils gratuits existent sur http://www.gratilog.net (je préconise IrfanView)

2) Stockage des images :
- utiliser un espace web perso (votre fournisseur d'accès vous en fournit souvent un gratuit)
- utiliser http://www.imageshack.us/ (il y a une aide en français : cliquez en haut sur FAQ) (pensez à ne pas perdre les adresses retournées pour chaque image)

3) L'album sur le post du blog :
- utiliser une mise en page avec un tableau (2 ou 3 colonnes) et mettre chaque vignette dans une case du tableau.
- un clic sur la vignette, et la photo taille normale s'affichera.

Méthode simple :
- utiliser w.bloggar (Aide ici)
Bloggar permet de composer des tableaux, et d'insérer les liens vers les adresses de vos images.

Méthode plus complexe (à la main) :
- utiliser le code Html (bascule par le bouton [< >] de l'éditeur de Blogg.org) et créer un tableau de façon simple.

Création Html d'un tableau de 2 lignes et 2 colonnes
(en insérant les instructions suivantes sans mettre d'espace après les < et avant les >)
< table > (création du tableau)
< tr >(création de la 1e ligne)
    < td >(création de la 1e cellule : 1e colonne dans la 1e ligne)
       image 1 (texte de la 1e cellule)
    < /td > (fin de la 1e cellule)
    < td >(création de la 2e cellule : 2e colonne dans la 1e ligne)
       image 2 (texte de la 2e cellule)
    < /td > (fin de la 2e cellule)
< /tr > (fin de la 1e ligne)
< tr >(création de la 2e ligne)
    < td >(création de la 3e cellule : 1e colonne dans la 2e ligne)
      image 1 (texte de la 3e cellule)
   < /td > (fin de la 3e cellule)
   < td >(création de la 4e cellule : 2e colonne dans la 2e ligne)
      image 2 (texte de la 4e cellule)
   < /td > (fin de la 4e cellule)
< /tr > (fin de la 2e ligne)
< /table > (fin du tableau)

Revenir en mode éditeur texte normal (bascule par le bouton [< >] de l'éditeur de Blogg.org) et insérer une image dans chaque cellule.

Pour ajouter des colonnes et des lignes, ajouter autant d'instructions que vous le souhaitez.

C'est peut-être compliqué à écrire, mais ça doit vous donner un truc de ce style :

4) Images "cliquables"
(un clic sur la vignette affiche l'image taille normale)
- lien de la vignette : http://www.monsite.com/vignette1.jpg
- lien de l'image taille normale : http://www.monsite.com/image1.jpg

code HTML à insérer pour chaque image de l'album photo :
(remplacer les deux liens par ceux de votre image, sans mettre d'espace après les < et avant les >)
< a href="http://www.monsite.com/image1.jpg" target="_blank">
< img src="http://www.monsite.com/vignette1.jpg" border="0" / >
< /a >

Ce qui donne ceci (cliquez sur la vignette pour afficher l'image grande taille) :

• Adieu... | 08-02-2007
• Espoir ? | 07-02-2007
• Rideau... | 06-02-2007
• Pensée... | 03-02-2007
• Out ! | 26-01-2007
• Totale éclate ! | 04-12-2006
• Madame Royal | 27-11-2006
• Mea maxima culpa | 16-10-2006
• Reflet | 10-10-2006
• Allo la terre ? | 09-10-2006
• IRL de rentrée | 09-10-2006
• Automne... | 09-10-2006
• Elle... émoi... | 23-09-2006
• Week-end... en août... | 27-08-2006
• Vacances pourries... | 27-08-2006