Blogger è una delle molte piattaforme di blogging dove gli utenti possono modificare layout colori, dimensione e anche loro immagine di intestazione. L'immagine di intestazione di qualsiasi sito diventa una forma di branding. Simile a un logo su un biglietto da visita, questo banner provoca visitatori da associare determinati servizi o il contenuto di quelle grafiche. Mentre gli utenti possono caricare banner di qualsiasi dimensione, solo una parte dell'immagine verrà visualizzata nell'intestazione del Blogger, a meno che l'utente cambia la dimensione della loro grafica o le dimensioni del loro modello all'interno dell'editor HTML. Per modificare le dimensioni di banner in Blogger, gli utenti devono modificare il codice HTML e CSS codifica associati con esso.
Istruzioni
1
Accedere utilizzando il tuo indirizzo Gmail e la password di Blogger. Seleziona il blog che vuoi modificare dal tuo elenco di Blog.
2
Fare clic sulla scheda "Modifica HTML" nella parte superiore dello schermo per accedere all'editor HTML. Questo è dove potrai fare le modifiche. Eseguire il backup del modello prima di apportare modifiche cliccando sul link "Scarica modello completo" nella parte superiore dello schermo. Salvarlo in un luogo sicuro, ad esempio la cartella "Download" o "Desktop".
3
Tieni premuti i tasti "Ctrl" e "F" sulla tastiera per aprire il campo di ricerca. Cerca "Intestazione-wrapper" e fai clic sul pulsante "Avanti". Blogger metterà in evidenza le parole in verde per un facile accesso. A seconda del layout di Blogger che si sta utilizzando, il tuo codice "Testa-wrapper" potrebbe essere qualcosa come questo:
intestazione-wrapper {
Priorità bassa: #ffffff URL (http://imageaddress);
Altezza: 375px;
Larghezza: 1000px;
margin: 0 auto 0px;
border: 0px tinta $bordercolor;
}
4
Si noti che il "intestazione-wrapper" ha un'altezza e una larghezza. Modificare l'altezza e la larghezza in base alle dimensioni del vostro banner. Così se il vostro banner è 900 pixel di larghezza e 200 pixel di altezza, è necessario modificare il codice di conseguenza.
5
Salvare le modifiche e controllare il vostro sito. Controllare e vedere se il vostro banner è più piccolo rispetto all'esterno del layout, o ancora troppo grande. Se sei soddisfatto di come appare, è possibile ignorare il passaggio successivo.
6
Tornare alla scheda "Modifica HTML" del layout e fare una ricerca per "Outer-wrapper." Si dovrebbe vedere qualcosa come questo:
involucro esterno () {
Larghezza: 1000px;
auto di margin: 0;
padding: 0px;
border: 2px solid #696CB3;
background: #E6ECF7;
text-align: $startSide;
carattere: $bodyfont;
}
7
Assicurarsi che la larghezza del tuo "esterno-wrapper" corrisponde a quello dell'intestazione se vuoi vivere un'aderenza perfetta. Adattare la larghezza della vostra "esterno-wrapper" 900 pixel se l'immagine del banner è 900 pixel di larghezza. Modificare l'altezza del tuo "out-wrapper", se il fondo del vostro banner continua a sparire a causa del menu di navigazione o il contenuto principale del tuo blog.
8
Salvare le modifiche nuovamente e controllare il tuo blog. Fare le cose sicure linea correttamente prima di continuare. Caricare il modello salvato in precedenza se non sei soddisfatto delle modifiche; in caso contrario, salvare il modello nuovo è necessario apportare modifiche al codice HTML codifica più tardi.