Album photo

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) :