Come aggiungere un banner a un blog di Blogger

L'aggiunta di un banner alle tue pagine di Blogger può essere utile per generare entrate pubblicitarie per il tuo blog o per mettere in risalto i tuoi prodotti e servizi. Blogger non include un'opzione di layout per l'inserimento di un banner superiore separato sopra il titolo del blog, ma puoi creare tu stesso l'opzione con una piccola modifica al codice HTML del tuo blog. Se vuoi solo aggiungere un banner immagine al posto del titolo del tuo blog o dietro il titolo nell'area dell'intestazione, il processo è molto più semplice e non richiede la modifica del codice.

Crea un nuovo elemento banner in alto

Accedi al tuo account Blogger e fai clic sul nome del tuo blog per accedere ai suoi controlli amministrativi.

Seleziona la scheda "Modello", quindi fai clic su "Modifica HTML" per accedere al codice che controlla il layout del tuo blog.

Fare clic sul menu "Vai al widget", quindi selezionare "Intestazione1". Blogger passa alla sezione del codice che controlla l'intestazione del tuo blog.

Scorri verso l'alto di alcune righe fino a trovare il seguente codice:

Cambia il valore "maxwidgets" in "2" e cambia il valore "showaddelement" in "yes". La riga di codice dovrebbe ora assomigliare a questa:

Fare clic sul pulsante "Salva modello" per salvare le modifiche. Blogger crea un nuovo elemento di layout nella parte superiore del tuo blog che puoi utilizzare per inserire il tuo banner.

Aggiungi immagine banner a nuovo elemento

Fai clic sulla scheda "Layout", quindi fai clic su "Aggiungi un gadget" nel nuovo elemento di layout nella parte superiore della pagina.

Seleziona "HTML/JavaScript" dalla finestra pop-up.

Incolla il codice del widget del banner fornito dall'inserzionista nel campo Descrizione. In alternativa, usa la tua immagine banner inserendo il seguente codice nel campo Descrizione, dove "ImageURL" rappresenta il link al tuo file immagine:

Fai clic su "Salva" per tornare alla schermata Layout, quindi fai clic su "Visualizza blog" per vedere il tuo nuovo banner.

Sostituisci intestazione con immagine banner

Accedi al tuo account Blogger e fai clic sul nome del tuo blog.

Seleziona la scheda "Layout" per visualizzare il layout del tuo blog, quindi fai clic sul link "Modifica" nell'elemento Intestazione nella parte superiore del layout.

Fare clic sul pulsante "Sfoglia", quindi fare doppio clic sul file immagine che si desidera utilizzare come banner.

Seleziona una delle opzioni di posizionamento per controllare come il tuo banner interagisce con il titolo e la descrizione del tuo blog. Seleziona "Dietro il titolo e la descrizione" per posizionare l'immagine del banner sullo sfondo, in modo che il titolo e la descrizione rimangano visibili. Seleziona "Invece di Titolo e descrizione" per sostituire il titolo e la descrizione con il banner.

Fai clic su "Salva" per tornare alla schermata Layout, quindi fai clic su "Visualizza blog" per vedere il tuo nuovo banner.

Suggerimenti

Se utilizzi il tuo file immagine banner nella parte superiore del tuo blog, ridimensiona l'immagine per adattarla alla larghezza dello schermo. In genere, i banner di Blogger non devono essere più larghi di 758 pixel.