Prima di iniziare vediamo di capire meglio cos’è questa favicon.
La favicon
è un un’immagine che i browsers pongono a sinistra della barra degli indirizzi e quindi accanto all’url del nostro sito o blog…
come potete notare nell’immagine sopra la favicon si trova anche nella scheda del browser.
Come si personalizza la favicon
Personalizzare una favicon è molto semplice, innanzitutto effettuiamo una copia del template, questa ci servirà per ripristinare il tutto qualora qualcosa dovesse andare storto.Dopo di che andiamo su Layout >> Modifica HTML premiamo CTRL + F (funzione “trova” del browser), cerchiamo la stringa “</head>” (senza virgolette) e incolliamo subito sopra il seguente codice:
Per immagine .gif
<link href='url favicon.gif' rel='icon' type='image/gif'/>Per immagine .png
<link href='url favicon.png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>Per immaginr .ico
<link href='url favicon.ico' rel='shortcut icon' type='image/x-icon'/>Dove a url favicon va sostituito il link relativo all’immagine della favicon.
Dovreste avere quindi una cosa di questo tipo
clicca sull'immagine per ingrandirla
Salviamo il modello e controlliamo i risultati.
Link utili per la creazione di favicon
Ci sono dei siti che rendono la creazione di una favicon estremamente semplice…ve ne cito alcuni:- Degraeve.com
- Favicon.cc
- Genfavicon.com
- Online fav-icon creator
- Free Online Favicon.ico Icon Generator
