Come inserire un’immagine vicino ai titoli dei post su Blogger.

Per prima cosa, scegliete l’immagine che volete usare e pubblicatela in rete con un servizio come Skydrive, Imageshack, o Picasa. Per ottenere un effetto migliore consiglio di usarne una non troppo grande e con lo sfondo trasparente.

Metodo 1.

Da Layout->Modifica HTML, dopo aver selezionato “Espandi i modelli widget”, cercate il codice che definisce lo stile del titolo di un post. Nel caso del template Minima, è il seguente:

Cambiando indirizzo immagine con l’indirizzo dell’immagine che avete pubblicato in rete. Nell’ultima riga aggiunta, una volta provato l’effetto nel blog, potrete aumentare o diminuire quel 40 per dare più o meno spazio al titolo. Se il titolo finisce sopra l’immagine, aumentatelo, se è troppo lontano dall’immagine diminuitelo.

A questo punto non resta che salvare il template ed è fatta.

Questo metodo, rispetto al precedente, ha il vantaggio di essere più universale, quindi se il primo non vi riesce provate con questo. L’inconveniente è che l’immagine si estenderà in altezza anche sopra il titolo del post.

Sempre da Layout->Modifica HTML, selezionate “Espandi i modelli widget” e cercate questa riga di codice:

Subito sopra, incollate questo:

Adesso cercate

E aggiungete la parte in rosso:

Sostituendo indirizzo immagine con l’indirizzo dell’immagine che avete pubblicato in rete. Salvate il template, ed ecco fatto.

Se non doveste vedere l’immagine, dopo aver controllato di aver seguito tutti i passi, provate a cercare tutte i punti in cui è presente questo codice:

E prima di ognuno di essi incollate la parte in rosso. Mi raccomando, prima, non sopra.

Sostituendo indirizzo dell'immagine con il link all'immagine che avete scelto come sfondo. Salvate il modello e visualizzate il blog per vedere il vostro nuovo sfondo.