Message des administrateurs

Ce blog est le prolongement, le complément du Groupe d'aide Blogger en français. Vous pourrez y trouver, au fur et à mesure qu'ils seront reproduits ici, les conseils donnés au fil des messages sur le Groupe. C'est une simplification pour vos recherches d'aide sur les blogs de Blogger. Vous êtes cordialement invités à participer à cette compilation. Pour ce faire, il vous suffit de m'adresser un mail à cette adresse et dans les meilleurs délais, nous nous efforcerons de changer votre inscription afin que vous puissiez intervenir. Comme il s'agit d'un blog, vous pourrez également laisser vos commentaires - toujours les bienvenus - pour améliorer tant le contenu que le contenant.


Groupe d'aide Blogger en français

Google Groupes
Abonnez-vous au groupe Aide Nouveau Blogger en français
E-mail :
Visiter le groupe

dimanche 23 septembre 2007

Créer sa propre favicon

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 liens-du-vin.ch :



<link href="http://www.liens-du-vin.ch/favicon1.ico" type="image/x-icon" rel="shortcut icon" />

<link href="http://www.liens-du-vin.ch/favicon.png" type="image/png" rel="icon" />


Et le résultat sur mon blog : http://viti-vino.blogspot.com


Un complément (novembre 2008)

Blogger ajoute une balise <link rel='icon' dans la source du blog (novembre 2008) :


<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>


Pour que vos propres balises link agissent, les placer juste avant la balise </head> (c'est la derniere balise qui prime)



Pour IE 9 (décembre 2011)

Pour IE9, la première balise link est prise en compte. Il faut donc placer la balise suivante, juste après <head>  : 


<link href='URL/favicon.ico' rel='icon' type='image/x-icon'/>


Article connexe

Un
WebClip pour son Blog

Enregistrer un commentaire