samedi 15 novembre 2008

Créer sa propre favicon sur Blogger

Favicon
La favicon est la petite icône qui apparaît à gauche de l'adresse du blog, dans la barre d'adresse du navigateur. Par défaut, c'est le B de Blogger :

Favicon par défaut

Sous Internet Explorer 6 (IE6) et ses versions inférieures, elle n'apparaît que si l'adresse du site est enregistrée dans les favoris. Pour les navigateurs récents (IE 7 ou Firefox 2), elle apparaît systématiquement.

Internet Explorer n'accepte que le format *.ico, alors que sous Firefox, on peut utiliser tous les formats graphiques habituels (*.jpg, *.gif, *.png), et même une petite vidéo en format *.mpg

Créer l'icône

Sa taille peut être de 16 par 16 ou de 32 par 32 pixels. Le site FavIcon from Pics transforme une image en favicon.

Enregistrer l'icône

Elle ne peut pas être enregistrée sur Blogger. Il faut utiliser un hébergeur, par exemple Google Page, qui accepte le format *.ico.

Le code html
Il faut créer un lien qui signale au navigateur la présence d'une favicon :

<link type="..." rel="URL de l'icone" />

Le code complet
IE n'acceptant que le format *.ico, il faut une entrée pour IE et, si l'on veut une favicon dans un autre format, une entrée pour FF.
Un exemple de code, à insérer après la balise '<head>', avec un hébergement sur googlepages.com :

<link href="http://philippe.chappuis.googlepages.com/favicon1.ico" type="image/x-icon" rel="shortcut icon" />
<link href="http://philippe.chappuis.googlepages.com/favicon.png" type="image/png" rel="icon" />

Article connexe
Un WebClip pour son Blog

source : http://aide-blogger-fr.blogspot.com

0 commentaires:

Enregistrer un commentaire

Partagez !

Related Posts Plugin for WordPress, Blogger...