Intégrer une icône personnalisée

Vous en avez assez de l'icône affichée à côté de votre blog :

Vous voudriez quelquechose de plus personnalisé :

Courage, c'est possible. Courage ? Oui parce que cela peut vous prendre un peu de temps, des sites à visiter et des opérations à effectuer. Néanmoins, le jeu en vaut la chandelle et je vais essayer de vous détailler le processus.

Le point de départ est bien évidemment qu'il faut se choisir une image...

Une fois ce choix opéré il faut transformer cette image en icône. 

Le site FavIcon from Pics va vous y aider.

Vous cliquez sur Parcourir et vous sélectionnez votre image.

L'écran suivant affiche une vue en aperçu de l'icône générée.

En cliquant sur Download FavIcon Package, vous récupérez un fichier zip avec une icône et une image animée.

Extraire le favicon.ico

Ensuite, il vous faut héberger l'image ainsi produite. 

Pour ce, allez sur le site IconJ.com

Dans la partie droite du site (Free Favicon Hosting), vous cliquez sur Parcourir, vous allez sélectionner votre image (le favicon.ico dont on parlait un peu plus haut) à l'emplacement où vous l'avez déposée, puis vous cliquez sur Upload Now.

Ensuite dans ce nouvel écran, vous allez dans la partie Host It at Icon J.com: (Direct Link) sélectionner l'intégralité du code généré. Vous copiez ce code et le collez dans un éditeur (fichier texte d'un bloc-note), afin de ne pas le perdre : vous en aurez besoin plus tard.

Voilà, c'est presque fini.

Il vous reste à intégrer le code dans votre modèle (template).

D'un côté, vous rouvrez votre fichier texte avec votre lien que je vous avais demandé de mettre de côté :

Vous sélectionnez l'intégralité du code et vous le copiez.

Ensuite vous allez cliquer sur les menus Présentation / Modifier le code HTML de votre blog.

Dans la partie Modifier le modèle, vous allez rechercher la balise </head> et coller juste avant le code du blog note.

Voilà, ce sera vraiment fini lorsque vous cliquerez sur le bouton Enregistrer le modèle qui se trouve en bas.

Après ces modifications, votre nouvelle icône apparaîtra tant dans la barre d'adresse que dans les favoris.

A+

PS : une icône, un icone : comment s'y retrouver ? Voilà ce qu'en dit Wikipedia : 

À cause de l'emprunt à l'anglais du mot "icon" certains utilisateurs lui accordent le genre masculin et l'écrivent sans l'accent circonflexe. Certaines personnes mettent l'accent sur cette différenciation de genre qui permettrait de distinguer son utilisation. Depuis les origines (début des années 1980), les documentations des éditeurs de logiciels utilisent principalement la forme "une icône". Cette forme a en outre été validée par la Délégation générale à la langue française et publiée au journal officiel en 1998. Les utilisateurs de l'outil informatique ont pourtant souvent tendance à utiliser la forme "un icone". Cette graphie est d'ailleurs attestée dans le Robert.