Mettre en forme une image dans un message texte sur Tumblr

Un coucher de soleil sur l'océan éblouissant, un panier de chatons ou tout autre élément tout aussi agréable peuvent souvent rendre un article de blog Tumblr mémorable. Malheureusement, les images que vous ajoutez à un article de texte Tumblr peuvent ne pas avoir les dimensions que vous préférez. Par exemple, si vous téléchargez l'une de vos photos de fond d'écran sur Tumblr, cette photo peut occuper la majeure partie de l'espace de votre publication. Remédiez à ce problème en utilisant une simple astuce HTML pour formater les images dans vos messages texte et leur donner la taille que vous aimez.

1

Visitez votre page Tumblr Dashboard et appuyez ou cliquez sur "Texte" pour afficher la boîte d'édition qui vous permet de créer des messages texte. Tapez un titre pour votre message dans la zone de texte "Titre" et placez votre curseur dans la zone de texte plus grande sous la zone de texte Titre.

2

Saisissez le texte que vous souhaitez voir apparaître dans votre message et cliquez sur l'icône "Télécharger une image" en forme de caméra. Tumblr ouvre la fenêtre de téléchargement de fichiers qui affiche les dossiers et fichiers de votre disque dur.

3

Double-cliquez sur le fichier image que vous souhaitez inclure dans votre message. La fenêtre de téléchargement de fichier se ferme et votre image apparaît dans la zone d'édition.

4

Cliquez sur le bouton "HTML" et vérifiez le code HTML qui apparaît. Vous verrez une balise HTML img spéciale qui ressemble à celle du texte ci-dessous:

Le code de la balise d'image commence par un symbole inférieur à et se termine par un symbole supérieur à. Tout ce qui se trouve entre ces deux symboles constitue le texte que les navigateurs utilisent pour afficher l'image. Notez qu'une barre oblique droite apparaît avant le symbole de fermeture supérieur à.

5

Collez le texte suivant avant la barre oblique de fermeture à droite:

hauteur = "100" largeur = "150"

Ces attributs de hauteur et de largeur déterminent la taille de l'image en pixels. Ces dimensions sont 100 et 150 dans cet exemple. Remplacez ces deux valeurs par vos propres valeurs de hauteur et de largeur. Par exemple, si vous souhaitez que votre image mesure 20 pixels de haut et 30 pixels de large, utilisez ces valeurs pour la hauteur et la largeur. L'exemple ci-dessous illustre à quoi pourrait ressembler votre balise img en utilisant 20 et 30 comme dimensions:

Cliquez à nouveau sur le bouton "HTML" pour revenir au mode d'affichage normal. Vous verrez que la taille de votre image a changé pour correspondre aux nouvelles dimensions que vous lui avez données dans le code HTML. Cliquez sur "Publier" pour publier votre article de blog.

Assurez-vous d'inclure au moins un espace avant la barre oblique de fermeture à droite.