Come inserire una immagine nell’intestazione di un blog di Blogger

0
399

Nei post precedenti, abbiamo visto come creare un’intestazione animata e come inserirla nel nostro blog incollando il codice creato in un gadget HTML/JavaScript.

Ma se noi volessimo inserire la foto del gadget direttamente nell’intestazione o una qualsiasi altra immagine cosa dovremo fare?

La scorsa volta avevamo creato un titolo avvolto dalle fiamme vi ricordate? Bene usiamo la foto di quel titolo. (vedi immagine sotto)

inserire una immagine nell'intestazione di un blog di blogger

Come inserire una immagine nell’intestazione di un blog di Blogger

Ma vediamo come inserire una foto nell’intestazione di un blog di Blogger. Inserire un’immagine nell’intestazione del nostro blog è un gioco da ragazzi.

Ho scelto di inserire la foto del gadget che ci eravamo in precedenza creati  perché possiamo, prima di fotografarlo (Come fotografare lo schermo del PC  Come fotografare lo schermo del Mac) , modificarne le dimensioni per meglio adattarlo al nostro blog.

Come modificare le dimensioni? Per farlo, come ho già spiegato nei post precedenti è necessario cambiare i numeri evidenziati in giallo nel codice sotto, che sono rispettivamente larghezza e altezza.
Chiaramente aumentandoli cresceranno le dimensioni del gadget.

a href=”http://mioblog.blogspot.it”&gt;<img class=”aligncenter” src=”http://images.cooltext.com/3005155.gif” alt=”Burning” width=”472″ height=”155″ />

Una volta fatta la foto, salvatela in una cartella del PC o del Mac e aprite il pannello di controllo di Blogger, cliccate su Layout e poi su Modifica riferito all’intestazione (vedi figura sotto)

inserire una immagine nell'intestazione di un blog di blogger

Si aprirà una finestra come quella qua sotto, potrete scegliere fra due opzioni:

1. Scegliere un’immagine dal Computer (nel nostro caso quella che avevamo salvato)
2. Incollare L’URL di un’immagine
In entrambi i casi dovrete spuntare una delle tre possibilità per il posizionamento, a seconda che vogliate che l’immagine inserita stia:

• Dietro titolo e descrizione