De nous à vous...

Bonjour à tous les bloggeurs solidaires !

Cette note s'adresse principalement à ceux qui mettent régulièrement des photos sur leurs blogs.

Je vous propose cette note, car il est arrivé à plusieurs bloggeurs de recevoir un message les avertissant qu'ils ont atteint la limite de stockage. A ce stade de votre blog, c'est à dire au début, ce n'est pas normal !

Peut être avez-vous remarqué dans votre espace d'administration, vous disposez d'un espace de stockage de 32 Mo réservé.

Si vous dépassez cette limite, vous ne serez plus en mesure d'ajouter de nouvelles images sur votre blog. Ce qui représente un inconvénient. Toutefois, si vous mettez des photos optimisées pour le web, vous n'aurez pas de problème de limite.

Vous avez remarqué que je parle d'image, car les images prennent beaucoup de place par rapport aux textes. C'est donc la taille des images que vous mettez en ligne qui détermine l'espace de stockage dont vous disposez.

Je vous invite dés à présent à vous connecter à votre blog et à regarder sur la première page quelle quantité d'espace vous occupez.

Par exemple ici pour le blog regards sur le web :

Si vous êtes autour de 20 Mo et que vous avez publié quelques images, il va être nécessaire de retravailler vos images pour qu'elles prennent moins de place.

Sachant qu'une image pour le web ne doit pas peser plus de quelques centaines de Ko. Si vous avez des images qui pèsent des Mo, il y a un problème :) Pour illustrer cela, faite une recherche sur Google Image, par exemple avec le mot Solidarité et classer ces résultats par taille en cliquant sur "Grande" à gauche, vous constaterez qu'il n'y a pas d'image qui dépasse 600 Ko, ce qui est déja très grand.

Je ne sais pas si vous utilisez Photoshop, Gimp, Paint ou d'autre logiciel d'image, mais ceux-ci proposent la possibilité de redimensionner vos images pour internet.

C'est cette étape par laquelle il faut passer si vous mettez plusieurs photos en ligne et que celles-ci occupent trop d'espace disque.

Une fois connecté à votre blog, vous pouvez aussi allez voir dans Tableau de bord > Fichiers. Vous pourrez voir la taille de vos fichiers images.

A titre d'exemple, sur le blog regards sur le web, nous avons publié 278 éléments images qui occupent 11 Mo d'espace disque. Ce qui signifie que nous devrions pouvoir mettre près de 1000 images sur notre blog.

Si vous avez des questions, n'hésitez pas !

Dans une prochaine note, nous verrons comment héberger vos images ailleurs que sur votre blog, tout en les intégrant dans les notes que vous écrivez.

A bientôt :)

 

Dans ce tutoriel, voila ce ce que je vous propose de faire :

Passer de ça :

A ça :

Etape 1

Tout d'abord, il est nécessaire que vous fabriquiez votre visuel au format .jpg à une taille qui corresponde à la colonne de votre blog.

En l'occurrence, celui que je vous propose fait 145 pixels de largeur sur 35 pixels de hauteur.

Etape 2

Une fois que vous avez votre image en format .jpg, il est nécessaire de l'uploader dans l'interface d'administration de votre blog. Pour cela :

- il faut que vous vous accédier à votre blog en entrant identifiant et mot de passe sur la page d'accueil de http://www.solidairesdumonde.org

- puis vous allez dans le menu « Tableau de bord »

- ensuite vous allez dans le sous menu « fichier »

- vous cliquez sur le dossier « image »

- et vous ajoutez votre image en allant la chercher à l'endroit ou elle se trouve dans votre ordinateur

 

Etape 3

Une fois que vous avez téléchargé votre image elle apparait dans votre dossier « image ». Vous cliquez alors sur le lien vers l'image et vous copier son adresse (son url).

Etape 4

Un peu de code html est nécessaire, le voici :

<a href="Lien du a propos"><img src="LIENDELIMAGE.JPG" alt="à propos" border="0"></a>

Dans ce code que je vous propose, il vous faut remplacer «lien du a propos» et «LIENDELIMAGE.JPG» par vos propres liens. A savoir, le lien vers l'image que vous venez d'obtenir dans l'étape 3, et le lien vers l'à propos, que vous obtenez en cliquant sur l'à propos de votre blog (dans sa version publiqe).

Etape 5

Une fois que vous avez récupérer ce code, vous allez dans le menu :

-          présentation

-          contenu des colonnes

En bas de cette page vous allez créer un élément personnalisé que vous nommez « à propos ».

Puis vous devez copier / coller le code obtenu dans l'étape 4.

Enfin, sélectionnez non pour ne pas afficher le texte et centrer l'élément, ou pas, c'est comme vous voulez.

Normalement, vous avez mis votre image dans la colonne de votre blog.

Enfin sauf si vous n'avez pas ajouté à gauche ou à droite votre nouvel élément à propos :-)

Voila, j'espère que ça pourra vous servir pour personnaliser votre blog !

A bientôt !

 

 

Dans le formulaire de rédaction, cliquez sur l’icône « Insérer une image ». Il s'agit de l'icône représentée par un arbre, nous l'avons entourée en violet dans l'image suivante :

Un formulaire d’insertion d’image apparaît alors. Dans ce formulaire, deux onglets vous sont proposés : insérer une image "depuis un fichier" ou "depuis l'url".

La première méthode : insérer une image depuis un fichier.

Le format de votre image doit être constitué d'un fichier .jpg .gif ou .png. Les autres formats en fonctionnent pas.

1. Choisissez un fichier

En cliquant sur parcourir, la fenêtre vous permet d'accéder au disque dur de votre ordinateur et d'aller chercher l'image là où elle se trouve.

2. Tags

Ce champ vous permet d'attribuer des mots clés à votre image. Par exemple, si c'est une photo d'un centre de santé au Mali à Bamako, vous pouvez attribuer comme mot clés : santé, clinique, mali, bamako. En séparant les mots par des virgules. Ces mots ne seront pas directement visibles sous la photo mais ils serviront lorsque des internautes utiliseront les moteurs de recherche.

3. Propriété d'affichage

Grâce aux petits points situés sous les images, vous pouvez attribuer une position à votre image : à gauche, à droite de votre texte, ou au milieu.

4. Taille de l'image

Cette fonction vous permet de choisir la taille d'affichage de l'image dans votre blog. Vous pouve
z aussi choisir une taille personnalisée, c'est alors vous qui choisissez la largeur et la hauteur de votre image.

Attention, si votre photo est très petite, c'est inutile de l'agrandir car elle apparaitra floue.
Egalement, si vous utilisez un appareil photo numérique, veiller à réduire la taille de vos images pour ne pas saturer l'espace de stockage qui vous est réservé (250 Méga octets, sachant qu'une photo ne devrait pas excéder 500 Kilo octets : voir la note Taille des images sur votre blog pour en savoir plus).

5. Lieu

La plateforme de blogs Solidaires du monde vous permet d'attribuer une localisation géographique à votre blog, à vos articles et à vos images.
En effet, sur la page d'acceuil, la carte permet aux visiteurs de lire les articles en fonction du pays ou de la région mentionnés dans les articles.
Lisez la note La géolocalisation, c'est quoi ? pour en savoir plus.

Recherchez le lieu ou a été pris votre photographie, puis ajouter le. De cette manière votre photo apparaitra sur la carte.

Lorsque vous avez terminé de remplir ce formulaire, cliquez sur « Valider ». Votre article apparaît alors de nouveau dans le formulaire de rédaction, enrichi de votre illustration ou photographie.

La seconde méthode : insérer une image depuis un url.

Pour cette méthode, si vous ne savez pas ce que c'est qu'un url, ça va être difficile :) Pour en savoir plus sur l'url, lisez cette note : A propos de l'ouverture d'un blog sur Solidaires du monde.

Cette seconde méthode suppose que vous téléchargiez votre image avant de l'insérer, alors que la première propose ces deux étapes en simultanée.
L'intérêt principal de dissocier ces deux étapes est l'attribution d'un titre à votre image. Ce titre est très important pour les moteurs de recherche !

Voyons comment faire

Dans le menu de l'outil d'administration de votre blog, cliquez sur "Présentation", puis sur "fichier". Ensuite, cliquez sur "images".
si vous faites attention, vous verrez que cette page vous permet de voir la taille de toutes les images insérées dans votre blog, et donc de savoir où vous en êtes par rapport à la taille maximum autorisée de 250 Méga octets.

 

Quand vous aurez cliqué sur images, vous accéderez à la page suivante.

Dans la bas de cette page, vous avez une possibilité d'aller cherchez dans votre ordinateur le fichier que vous voulez insérer dans votre note, avec le bouton "Parcourir". Comme vous voyez, vous pouvez mettre trois images en même temps. Ce qui n'était pas le cas dans la première méthode.

Une fois l'image sélectionnée dans votre ordinateur, cliquez sur "Enregistrer" en dessous. Alors votre image apparait dans la liste du haut de la page.

Il ne vous reste plus qu'à cliquer sur le lien (flèche violette). Alors une nouvelle page s'ouvre avec votre image. Copiez le lien url du navigateur : il s'agit du lien unique qui permet de retrouver votre image. C'est ce lien que vous devez coller pour insérer l'image à partir de l'url.

Cette méthode peut sembler plus longue au début, mais elle est plus intéressante en terme de référencement naturel.

Si vous avez des questions ?