Le favicon c'est ça :


Cette petite image à côté de votre URL.

Pour avoir ce petit bijou de blog inutile certes, mais ô combien mimi, il vous faudra suivre la procédure suivante :

1. Il vous faudra avoir une version miniature de votre logo de 16 x 16 pixels ou 32 x 32 pixels maximum. Pour la faire sous Windows, vous pouvez utiliser le logiciel Paint qui se trouve dans Démarrer - Tous les programmes - Accessoires pour diminuer la taille de votre image, en prenant soin de la sauvegarder sous un autre document pour ne pas perdre votre fichier original. Sinon, vous pouvez, utiliser des outils offerts en ligne et spécialement conçus pour créer ce genre d'icône. Photofiltre est une bonne alternative...

2. Rendez-vous sur le site HTML Kit, à la page FavIcon from PICS. Suivez la procédure pour générer votre icône. C'est-à-dire, parcourez votre disque dur pour sélectionner votre image, puis cliquez sur Generate FavIcon.ico. L'outil en ligne se chargera d'en créer une version "icône". Vous aurez le choix entre une icône fixe (normale) et une icône animée à télécharger sur votre ordinateur.
Enregistrez sur votre bureau, et cliquez sur le fichier. Dans celui ci vous trouverez votre fichier qui se terminera en .ico
C'est lui qui nous intéresse.

3. Il vous faut charger ce fichier sur votre interface OB pour avoir une URL.
Pour se faire :
Vous allez dans documents, autre fichiers
 

là vous cliquez sur Ajouter des documents


Cherchez votre fichier .ico et cocher la case avant de


Et cliquez sur "Mettre en ligne"

Votre fichier va apparaitre. En cliquant sur celui ci, vous aurez l'adresse du fichier. Avec le clic droit de la souris, copiez cette adresse.


Allez ensuite dans Configurer, Mise en page


Là dans votre entête ou dans le pied de page, cliquez sur

Passez en html 

Avec le clic droit coller votre fichier pour ne pas le perdre.

Ensuite copier et coller en dessous ces deux lignes :

<link rel="shortcut icon" href="votreadressefavicon.ico" type="image/x-icon" />
<link rel="icon" href="votreadressefavicon.ico" type="image/x-icon" />

A la place de l'adresse en rouge, mettre votre adresse que vous venez de coller au dessus.
Ce qui au final va vous donner ceci (avec bien sûr votre propre adresse de fichier) :

Mettre à jour, puis valider.

Et vérifiez que tout est ok sur votre blog (la mise à jour prend toujours un certain temps sur OB, patientez quelques instants.)