header-wrapper {

Blogger è una delle tante piattaforme di blogging in cui gli utenti possono modificare i colori del design, le dimensioni e persino la loro immagine di intestazione.

Passaggio 1

Accedi a Blogger con il tuo indirizzo Gmail e la tua password. Seleziona il blog che desideri modificare dall'elenco dei blog.

Passaggio 2

Fai clic su "Modifica HTML" nella parte superiore dello schermo per accedere all'editor HTML. Questo è dove stai andando a fare i cambiamenti. Effettua un backup del modello prima di apportare le modifiche e fai clic su "Scarica modello completo" nella parte superiore dello schermo. Conservalo in un posto sicuro, come la cartella "Download" o "Desktop".

Passaggio 3

Premi e tieni premuto il tasto "Ctrl" e il tasto "F" sulla tastiera per aprire il campo di ricerca. Cerca "Header-wrapper" e fai clic sul pulsante "Avanti". Blogger evidenzierà le parole in verde per facilitare l'accesso. A seconda del design di Blogger che stai utilizzando, il codice "Head-wrapper" può avere il seguente aspetto:

header-wrapper {

background: #ffffff url (http: // imageaddress); altezza: 375 px; larghezza: 1000 px; margine: 0 auto 0px; border: 0px solid $ bordercolor; }

Passaggio 4

Si noti che "Intestatrice" ha un'altezza e una larghezza. Cambia l'altezza e la larghezza in modo che corrisponda alla dimensione della tua intestazione. Quindi se l'intestazione è larga 900 pixel e alta 200 pixel, modificare il codice di conseguenza.

Passaggio 5

Salva le modifiche e controlla il tuo sito. Osserva e vedi se la tua intestazione è più piccola di quella esterna al tuo progetto o se è ancora troppo grande. Se sei soddisfatto del tuo aspetto, puoi ignorare il passaggio successivo.

Passaggio 6

Torna alla "Modifica HTML" del tuo design e fai una ricerca per "Outer-wrapper". Dovresti vedere qualcosa di simile a questo:

outer-wrapper {

larghezza: 1000 px; margine: 0 auto; imbottitura: 0px; border: 2px solid # 696CB3; sfondo: # E6ECF7; allineamento del testo: $ startSide; font: $ bodyfont; }

Passaggio 7

Assicurati che la larghezza del "Outer-wrapper" corrisponda a quella dell'intestazione se desideri una vestibilità perfetta. Rendi la larghezza del tuo "Outer-wrapper" di 900 pixel se l'immagine dell'intestazione è larga 900 pixel. Cambia l'altezza del tuo "Out-wrapper" se la parte inferiore dell'intestazione continua a scomparire a causa della barra di navigazione o del contenuto principale del tuo blog.

Passaggio 8

Salva le modifiche e controlla il tuo blog. Assicurati che le cose si allineino correttamente prima di continuare. Carica il modello che hai salvato in precedenza se non sei soddisfatto delle modifiche; in caso contrario, salvare nuovamente il modello nel caso in cui sia necessario apportare modifiche al codice HTML in seguito.