Comment ajouter un arrière-plan de blog : 8 étapes (avec des images)

Table des matières:

Comment ajouter un arrière-plan de blog : 8 étapes (avec des images)
Comment ajouter un arrière-plan de blog : 8 étapes (avec des images)

Vidéo: Comment ajouter un arrière-plan de blog : 8 étapes (avec des images)

Vidéo: Comment ajouter un arrière-plan de blog : 8 étapes (avec des images)
Vidéo: Comment manipuler les images dans les blocs dans InDesign 2024, Peut
Anonim

Les blogueurs modifient généralement l'arrière-plan de leur blog pour rendre leur blog plus attrayant visuellement pour les visiteurs. Cependant, une image d'arrière-plan ajoutée de manière incorrecte peut dérouter le spectateur et amener les visiteurs à s'éloigner de votre blog. Pour ajouter correctement un fond de blog, il est important d'utiliser les bons codes HTML.

Pas

Ajouter un arrière-plan de blog Étape 1
Ajouter un arrière-plan de blog Étape 1

Étape 1. Accédez à la page HTML de votre blog

Si vous modifiez votre blog hors ligne, vous pouvez l'ouvrir dans Dreamweaver pour modifier le code HTML. Les services de blogs tels que Blogger vous permettent de modifier le code HTML en ligne en accédant à la page Conception et en sélectionnant l'onglet "Modifier le code HTML". Vous devez pouvoir accéder aux codes HTML de votre blog, et la façon dont vous le faites peut varier considérablement en fonction des services et des méthodes de blog que vous utilisez.

Ajouter un arrière-plan de blog Étape 2
Ajouter un arrière-plan de blog Étape 2

Étape 2. N'essayez pas de rechercher une image séparée avec une couleur différente si tout ce que vous voulez faire est de changer la couleur d'arrière-plan

Au lieu de cela, vous pouvez simplement modifier votre code HTML pour remplacer la couleur existante par celle que vous souhaitez.

  • Recherchez « nuancier HTML » sur Internet. Vous devriez pouvoir trouver un tableau qui affiche différentes couleurs ainsi que leur nom de couleur et leur numéro HEX (hexadécimal). Le numéro HEX est le numéro utilisé dans le code HTML, vous devez donc vous souvenir du numéro HEX de la couleur particulière que vous souhaitez utiliser comme arrière-plan.
  • Trouvez le code sur votre blog qui définit la couleur de fond. Il ressemblera à ceci.

    • corps {
    • couleur d'arrière-plan: #XXXXXX;
Ajouter un arrière-plan de blog Étape 3
Ajouter un arrière-plan de blog Étape 3

Étape 3. Vous verrez le numéro HEX de la couleur existante au lieu des X affichés dans l'exemple de code

Remplacez le numéro HEX par le numéro de la couleur que vous souhaitez utiliser comme arrière-plan. Après avoir enregistré et appliqué le nouveau code HTML, vous verrez la nouvelle couleur comme arrière-plan

Méthode 1 sur 1: Ajout d'une image d'arrière-plan de blog

Ajouter un arrière-plan de blog Étape 4
Ajouter un arrière-plan de blog Étape 4

Étape 1. Sélectionnez l'image que vous souhaitez ajouter comme arrière-plan

Il existe de nombreux sites Web qui vous permettent de télécharger des arrière-plans de blog ou vous pouvez utiliser une image déjà enregistrée sur votre ordinateur.

Ajouter un arrière-plan de blog Étape 5
Ajouter un arrière-plan de blog Étape 5

Étape 2. Téléchargez l'image

Les sites Web d'hébergement de photos tels que Picasa, Flickr et Photobucket vous permettent de télécharger des images gratuitement. Votre service d'hébergement de blog peut également vous permettre de télécharger des images de la même manière que le reste de votre blog est hébergé.

Ajouter un arrière-plan de blog Étape 6
Ajouter un arrière-plan de blog Étape 6

Étape 3. Obtenez l'URL de l'image

Pour ce faire, vous devez ouvrir l'image dans votre navigateur Internet et copier l'URL où elle est affichée.

Ajouter un arrière-plan de blog Étape 7
Ajouter un arrière-plan de blog Étape 7

Étape 4. Insérez le code pour ajouter une image comme arrière-plan

Voici le code HTML.

    • corps {
    • image d'arrière-plan: url (URL de l'image);
  • Vous devez ajouter le code où commence le corps de votre blog HTML. Remplacez "URL de l'image" par l'URL complète où se trouve votre image.
Ajouter un arrière-plan de blog Étape 8
Ajouter un arrière-plan de blog Étape 8

Étape 5. Enregistrez les modifications après avoir modifié le code HTML et affiché votre blog

Vous devriez voir l'image ajoutée en arrière-plan.

Conseillé: