BLOGGERMANIA

Cambiare l'icona del vostro blog nel browser.



Avete presente la piccola icona di Blogger che compare nel browser vicino all'indirizzo del vostro blog? Questa stessa icona viene utilizzata dai browser quando aggiungiamo un blog ai nostri siti preferiti.

Sebbene l'icona predefinita di Blogger sia carina, è possibile decidere di personalizzarla e visualizzarne una di nostra scelta (magari fatta da noi) per dare un aspetto più professionale e più personale al blog.

L'icona da visualizzare deve avere caratteristiche ben precise: una risoluzione di 16 x 16 pixel o di 32 x 32 pixel (la prima garantisce una maggiore compatibilità, specie coi browser più vecchi), e deve essere di tipo ICO, PNG o GIF (scegliendo quest'ultimo formato, possiamo addirittura avere un'icona animata!)

Per la creazione dell'icona potete scegliere uno strumento online come 256pixels (16x16) oppure Favicon Editor (32x32), oppure installare un programma come Microangelo (anche in prova per 21 giorni). Una volta che avrete realizzato la vostra icona, dovrete pubblicarla su qualche servizio online, come Picasa.

 

A questo punto non resta che farla visualizzare dal vostro blog. Andate in Layout -> Modifica HTML e, dopo aver effettuato il backup del vostro template, all'interno del codice del vostro template cercate la seguente riga:

<title><data:blog.pageTitle/></title>

che si trova quasi all'inizio. A seconda del formato dell'immagine che avete scelto, dovrete utilizzare il codice appropriato e incollarlo subito sotto la riga appena indicata.

Per un'immagine ICO:

<link rel='shortcut icon' href='indirizzo dell'immagine' type='image/vnd.microsoft.icon'/>

Per un'immagine PNG:

<link rel='shortcut icon' href='indirizzo dell'immagine' type='image/png'/>

Per un'immagine GIF:

<link rel='shortcut icon' href='indirizzo dell'immagine' type='image/gif'/>

oppure: 

<link rel="shortcut icon" href="URLonlineicona" />

<link rel="icon" href="URLonlineicona" />

prima del tag   </head>

Altre icone predefinite per Blogger: