Blogger tips: Inserire un’immagine a sinistra dell’header

Avete un blog su blogger, vi piacerebbe avere un logo o immagine in alto a sinistra, sull’header, ma con gli strumenti automatici messi a disposizione dal designer proprio non c’è verso?
Una roba tipo la birra che potete trovare in questo momento (ma che potrei cambiare da un momento all’altro)
Bene, segui questa semplice guida del buon Kaeel (che sarei sempre io):

Fai login nella tua bacheca di blogger
Clicca su Design e poi su la il link “modifica” sul modulo “intestazione” (se questo modulo non è presente, lo puoi aggiungere cliccando su “aggiungi un gadget”)
Inserisci immagine di background (meglio se LUNGA! la mia è in formato 955x77 ed ho messo lo sfondo trasparente)
Salvate

OK, a questo punto vi troverete il titolo del blog sovrapposto all’immagine. Che schifo. Come fare?

Andate in “modifica HTML” e cercate il seguente codice (dovrebbe essere presente se avete disegnato il template con il designer di blogger):

<Variable name="header.padding" description="Header 
Padding" type="length" default="0" value="30px"/>

Cambiate il valore 30px con quello che ritenete più opportuno; nel mio caso, ad esempio, ho messo 100px.
Se non sapete effettuare la misura, andate un po’ a tentativi; più grande è il numero, più il testo si sposterà a destra… E avete finito.

Eh, ma l’immagine è troppo a sinistra. Che schifo. Come fare?

Le cose sono 2… O cambiate l’immagine, aggiungendo un margine a sinistra, oppure seguite quest’altra semplice guida, presa da qui:

Tornate su “modifica HTML”
Cercate la seguente riga
```
]]></b:skin>
```
Subito sopra di essa, inserite il seguente codice
```
#header-inner
{
width: 563px;
margin-left: 140px;
}
```
Cambiate il numero 140 con quello che vi va meglio (solita storia di prima; più è grande, più l’immagine viene spostata a destra… e viceversa)

fatto!