Come aggiungere immagini a nome e descrizione del blog e al titolo del post in Blogger.

Come aggiungere immagini a Nome e Descrizione del Blog e al Titolo dei post su Blogger.

Gli utenti di Blogger sono già a conoscenza della possibilità di inserire una immagine nella Intestazione del blog che può sostituire il nome dello stesso o essere messa come sottofondo a Nome e Descrizione. Ho anche illustrato un procedimento per inserire una icona prima o dopo il titolo di tutti i post. La cosa sorprendente di Blogger è che nelle Impostazioni di base in cui si possono cambiare nome e descrizione del blog nei rispettivi campi si può anche inserire del codice HTML. Non sono supportati tutti i tag ma lo è sicuramente quello per aggiungere delle immagini.

Con mio stupore ho potuto constatare che i tag delle immagini sono supportate anche nei titoli dei post. Questo comporta che per esempio potremo aggiungere foto insieme al nome o alla descrizione del blog e icone prima o dopo il Titolo di un post.

Nella immagine precedente viene mostrata una intestazione di un blog che ha una immagine prima del nome e un'altra immagine dopo la descrizione.

AGGIUNGERE IMMAGINI A NOME E DESCRIZIONE DEL BLOG

Bisogna ricordarsi solo un paio di cose. La prima è il codice generico per inserire una immagine che è

<img src="URL_IMMAGINE"/>

e la seconda è che il nome del blog supporta al massimo 100 caratteri. Quindi per essere sicuri che le immagini caricate su Picasa possano essere accettate è meglio accorciare il loro URL mediante il servizio goo.gl che offre anche una pratica estensione per Chrome.

Per inserire una immagine prima o dopo il nome del blog si va su Impostazioni > Di Base > Titolo > Modifica e si aggiunge tale codice in questo modo   

Come vedete ho inserito l'URL accorciato e anche i due tag <center> e </center> per centrare immagine e titolo che vengono perfettamente accettati. Si può anche inserire il tag <br/> per il salto di riga e per visualizzare titolo e immagine uno sotto all'altra. Si può mettere prima l'immagine e poi il titolo oppure prima il titolo e poi l'immagine o ancora scegliere una opzione mista come questa

Sono supportate anche le immagini animate in formato GIF. Per quello che riguarda la Descrizione si può usare la stessa procedura ricordando che avendo la possibilità di inserire fino a 500 caratteri si sente di meno l'esigenza di accorciare l'URL della immagine. Si va su Impostazioni > Di Base > Descrizione > Modifica e si cambia il contenuto del campo inserendoci anche il tag dell'immagine

Si va su Salva modifiche per rendere effettivi i cambiamenti. Come vedete dallo screenshot anche in questo caso si possono aggiungere i tag <center> per centrare gli elementi e <br/> per i salti di riga. Se l'immagine avesse delle dimensioni non adatte si può modificare inserendola con questo codice

<img src="URL-IMMAGINE" width="200">

in cui si potrà settare la larghezza a piacere mentre l'altezza rispetterà le proporzioni.

AGGIUNGERE IMMAGINI AL TITOLO DEI POST

In casi particolari oppure anche sempre si possono abbellire i titoli dei post aggiungendo delle icone con questo stesso meccanismo. Nell'Editor di Blogger nel campo del Titolo si inseriscono i tag delle immagini insieme al titolo vero e proprio e poi si pubblica



Il risultato potrebbe essere questo



Ovviamente possono anche essere inserite due immagini e pure i tag <center> e <br/> per rendere il titolo ancora più originale e accattivante



Se interessa posso testare quali altri tag sono supportati da Nome, Descrizione e Titolo del post in Blogger.