Inserire un'immagine che ci rappresenti di fianco al nome del blog

Proseguendo nella personalizzazione del blog su piattaforma Blogger, oggi vedremo come inserire un'immagine, foto, pulsante o quant'altro nell'header.
Per chi non lo sapesse, l'header tradotto letteralmente in Intestazione, è la parte superiore del blog o sito, che comprende il nome e la descrizione del blog.
Nella guida a seguire, prenderemo come esempio una semplice immagine trovata su internet, non coperta da copyright. L'unico requisito dell'immagine, è di avere uno sfondo trasparente, oppure ma molto difficile da trovare, lo stesso sfondo dell'header del blog.

Per lavorare tranquilli sul codice HTML del template, facciamo un backup dello stesso, poi portiamoci nella bacheca di Blogger e dal menù a scomparsa >>> Modello >>> modifica HTML. Quindi nel codice cerchiamo questa stringa:

</body>

E appena sopra, incolliamo questo codice:

<div style='position:absolute; left:780px; top:5px; '>
     <img src='https://lh6.googleusercontent.com/-38V1ShSf7bg/UqtCaXkceFI/AAAAAAAABRc/G2dGh1BxkSQ/s128-no/Iconaxblog.png'/>
    </div>

Dove:

I numeri in rosso, servono a posizionare l'immagine:
left: più aumentiamo la cifra, più l'immagine si sposterà verso destra.
top: più diminuiamo la cifra, più l'immagine si sposterà verso l'alto.

L'indirizzo in blu è da sostituire con l'indirizzo alla vostra immagine.

Per posizionare al meglio l'immagine, tocca andare per tentativi, in quanto ogni blog ha misure diverse.