Pubblicato il 07/10/16e aggiornato il

Come modificare la favicon di Blogger da Layout o dal modello.

Come personalizzare la favicon di Blogger da Layout o da Modello. La favicon è quella icona che si visualizza nella scheda del browser e nei Preferiti salvati
Quando si apre una pagina web nella scheda del browser, a sinistra del titolo della pagina viene visualizzata una piccola icona chiamata favicon che è una contrazione della espressione inglese favorite icon. Questa funzionalità è stata introdotta dalla Microsoft con Internet Explorer 5 ma adesso è comune a tutti i principali browser. All'inizio la favicon era posizionata nella radice di archiviazione ovvero in quella che viene anche chiamata webroot. In seguito è stato introdotto un apposito tag HTML per aggiungere la favicon nella sezione HEAD della pagina web con questa sintassi

        <link rel="icon" href="http://...../favicon.ico" />

dove si inserisce l'URL diretto della immagine della favicon. All'inizio le favicon erano tutte in formato .ICO ma adesso possono essere aggiunte come favicon anche immagini .GIF o .PNG. Un discorso analogo vale per le dimensioni. Quelle delle immagini in formato .ICO erano comprese tra 16 e 48 pixel mentre le immagini .PNG e .GIF possono essere di qualunque dimensione.

La favicon funziona meglio se l'immagine è quadrata. Le favicon delle pagine verranno visualizzate anche nei Preferiti del browser. È quindi importante avere una favicon riconoscibile per aiutare i lettori nella ricerca delle pagine del nostro sito che hanno inserito nei Segnalibri del loro browser.

LA FAVICON DI BLOGGER


Anche Blogger  ha una sua favicon nativa comune per tutti i blog. Aprite la pagina

http://nomeblog.blogspot.com/favicon.ico

e visualizzerete la favicon associata al vostro sito dopo aver modificato l'URL generico del blog gratuito di Blogger. Anche i siti su dominio personalizzato hanno la loro favicon a questo indirizzo

http://www.esempio.com/favicon.ico 






COME PERSONALIZZARE LA FAVICON DA LAYOUT


Si sceglie l'immagine quadrata da usare come favicon con un peso inferiore a 100KB quindi si va su Bacheca -> Layout -> Icona preferita -> Modifica -> Scegli File e si seleziona l'immagine

favicon-bloggger

che potrà essere nei formati PNG, ICO, JPEG o GIF. Si va poi su Salva per applicare la modifica. La favicon di default di Blogger è che la B bianca su sfondo arancione verrà sostituita da quella aggiunta. C'è la possibilità che la favicon non venga vista immediatamente perché i cookie non sono ancora aggiornati. Basterà fare qualche ricarica della pagina per visualizzarla

favicon-browser

Si possono anche aggiungere immagini animate in formato GIF. Per cambiare una favicon con un'altra si torna su Layout -> Icona preferita -> Modifica, si rimuove l'icona corrente quindi se ne aggiunge un'altra anche animata

favicon-gif

quindi si procede con il salvataggio. L'animazione non sempre viene mantenuta nei browser.

COME VERIFICARE LA PRESENZA DELLA FAVICON NEL MODELLO DI BLOGGER

Si va su Modello -> Modifica HTML e si verifica la presenza di questa riga

<b:include data='blog' name='all-head-content'/>

intorno alla sesta riga. Tale codice permette di visualizzare tutti gli elementi della sezione head . Se utilizzate un modello scaricato da internet e tale riga non fosse presente incollatela sotto la riga <head>. Se questa aggiunta non fosse possibile o se la favicon fosse non funzionante aggiungete sempre sotto <head> questa riga

<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/> 

dove il tag colorato di blu è il tag della favicon del sito.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.