Insérer un favicon (logo) dans la barre d'adresse

Post mis à jour le 10 Janvier 2009

Vous avez déjà sûrement remarqué que sur certains sites internet, on peut voir un petit logo s’afficher dans la barre d’adresse à gauche. Ce petit logo s’affiche ensuite dans la liste de vos favoris si vous avez enregistré le site en tant que tel.

Pour les blog Blogger, ce petit logo est par défaut le logo de Blogger (le “B” blanc sur fond orange). Il est possible de mettre sa propre image à la place du logo Blogger, et en plus c’est assez facile (je l’ai fait donc c’est faisable !).

Voici le processus en 7 étapes :

1) choisir une image ou logo (fichier .jpg, .gif ou .png)

2) redimensionner cette image en taille 16x16 pixels et la convertir au format".ico". Pour cela vous pouvez utiliser le site IconJ.com (gratuit) qui vous permet de convertir une image en ".ico" et l'héberge gratuitement. Voir image ci-dessous:

3) Une fois cliqué sur Upload, vous arrivez sur un écran ou vous allez copier uniq

uement l'addrese de votre icone dans le code proposé du type http:/... .ico  (voir image ci-dessous).

4) Aller ensuite dans la “Mise en page/Modèle” de votre blog, et dans l’onglet “Modifier le code HTML”. 

5) Rechercher dans le code la balise </head>

6) Juste avant cette balise, coller le code suivant : 

<link href='http://www.iconj.com/ico/a/0/a08yr842yh.ico' rel='shortcut icon' type='image/x-icon'/>

<link href='http://www.iconj.com/ico/a/0/a08yr842yh.ico' rel='icon'/>

(remplacer l’adresse http://www.iconj.com/ico/a/0/a08yr842yh.ico par celle de votre image)

7) Enregistrer le Modèle et normallement c’est fait !

Tags Delicious:

Blog

Web