header-wrapper {

Blogger est l'une des nombreuses plates-formes de blogging où les utilisateurs peuvent modifier les couleurs de la conception, de la taille et même de l'image de leur en-tête.

Étape 1

Accédez à Blogger avec votre adresse Gmail et votre mot de passe. Sélectionnez le blog que vous souhaitez modifier dans la liste des blogs.

Étape 2

Cliquez sur "Edit HTML" en haut de l'écran pour accéder à l'éditeur HTML. C'est là que vous allez faire les changements. Faites une sauvegarde du modèle avant d’apporter des modifications et cliquez sur "Télécharger le modèle complet" en haut de l’écran. Rangez-le dans un endroit sûr, comme votre dossier "Téléchargements" ou "Bureau".

Étape 3

Appuyez et maintenez la touche "Ctrl" et la touche "F" de votre clavier pour ouvrir le champ de recherche. Recherchez "Header-wrapper" et cliquez sur le bouton "Suivant". Blogger mettra en évidence les mots en vert pour faciliter l'accès. Selon le design de Blogger que vous utilisez, votre code "Head-wrapper" peut ressembler à ceci:

header-wrapper {

background: #ffffff url (http: // imageaddress); hauteur: 375px; largeur: 1000px; marge: 0 auto 0px; bordure: 0px solide $ bordercolor; }

Étape 4

Notez que "Header-wrapper" a une hauteur et une largeur. Changez la hauteur et la largeur pour correspondre à la taille de votre en-tête. Par conséquent, si votre en-tête mesure 900 pixels de large et 200 pixels de haut, modifiez le code en conséquence.

Étape 5

Enregistrez les modifications et vérifiez votre site. Observez et voyez si votre en-tête est plus petit que l'extérieur de votre conception ou s'il est encore trop grand. Si vous êtes satisfait de votre apparence, vous pouvez ignorer l'étape suivante.

Étape 6

Retournez au "HTML Edit" de votre conception et faites une recherche sur "Outer-wrapper". Vous devriez voir quelque chose comme ça:

outer-wrapper {

largeur: 1000px; marge: 0 auto; remplissage: 0px; bordure: solide 2px # 696CB3; arrière-plan: # E6ECF7; text-align: $ startSide; font: $ bodyfont; }

Étape 7

Assurez-vous que la largeur de la "Enveloppe extérieure" correspond à celle de votre en-tête si vous voulez un ajustement parfait. Faites la largeur de votre "enveloppe" 900 pixels si l'image de l'en-tête est de 900 pixels de large. Modifiez la hauteur de votre "enveloppe" si la partie inférieure de l'en-tête continue de disparaître à cause de la barre de navigation ou du contenu principal de votre blog.

Étape 8

Enregistrez les modifications et vérifiez votre blog. Assurez-vous que les choses s'alignent correctement avant de continuer. Chargez le modèle que vous avez enregistré précédemment si vous n'êtes pas satisfait des modifications. sinon, enregistrez le modèle à nouveau au cas où vous auriez besoin de modifier le code HTML ultérieurement.