Un Favicon en Confiance

C'est possible !

Ceux qui naviguent sous Mozilla/Firefox auront pû constater que la tête de P'tite Zoélie s'affiche devant l'adresse url dans la fenêtre de leur navigateur (enfin, en vrai, c'est la tête de Lain, parce que je voudrais pas vous faire fuir à peine l'adresse chargée) . Idem dans la liste des Bookmarks, mais bon, je me fais pas d'illusion, à part dans MES bookmarks et ceux de Théophraste , parce que j'ai des moyens de pression efficaces : ), ce blog ne doit pas être dans beaucoup de marques-pages.
(Un jour, peut-être, quand je serais célèbre... )


Bref, normalement, mettre un favicon (i.e. la petite image en question... : icône pour Favorites) se fait via un code en Javascript . Or comme vous le savez, on n'a pas droit au javascript en mode Confiance, ou à peine ...



Cependant, on peut contourner le problème (mais ça ne marche que quand on visualise le blog avec Mozilla/Firefox), avec ce petit script, à mettre au début de l'en-tête en l'éditant en mode HTML:

< link rel="SHORTCUT ICON" href="http://idata.over-blog.com/0/05/85/46/favicon.png" / >

Evidemment, il faut mettre l'adresse de votre propre favicon, que vous aurez préalablement chargé dans vos fichiers over-Blog.

Reste à savoir commen se faire un favicon representatif de votre blog en 16*16 px (c'est pas grand...)

Pour cela, voici un lien que j'ai trouvé super-utile:

Favicon from Pics

Ce site vous permet de transformer n'importe quelle image qui se trouve dans vos fichiers en favicon 16*16 et de tester l'effet à côté d'une adresse url. Par contre, il faut faire attention : il génère un .ico, ce qui, si vous êtes comme moi en Confiance, peut être problématique à utiliser...

Donc, une fois le favicon généré, cliquer sur "Test Favicon" et là, il vous propose deux icône en .png : une en 16*16 et une en 32*32 ...

Ce sont ces images (disponibles également quand on fait "Download favicon files") que j'ai chargé sur mes fichiers de blog et mis dans le code ci-dessus ...

Je vous propose donc un petit concours de favicon (enfin, concours, c'est vite, il n'y a rien à gagner, hein, à part ma grande estime...) :
Créer vos favicon et venez les exposer ici en commentaires de cet article !
( Pour coller une image dans le commentaire, insérer à côté du texte le code
<img src="http://adresse de l'image"/>
en mode Source qu'on fait apparaitre en cliquant sur le bouton  dans la barre en haut de l'espace de texte.)

Vous verez, ce n'est pas si évident de trouver une image visible en si petite taille et qui illustre bien votre blog... Alors, à votre imagination !