Un favicon dans votre barre de navigation

Voilà mon favicon actuel sur toutes mes pages vous l'avez vu ?

Sur Overblog ou sur n'importe quelle plateforme c'est très simple.

Il suffit juste d'avoir une image ou gif assez petit !

Voici le code à placer en mode source htlm dans un texte libre ou en pied de page dans votre configuration.

Pas nécessaire donc de passer par le CSS !

sur overblog

si vous enregistrez votre image dans vos documents "image" de votre plateforme le favicon ne sera visible que sous Fire Fox ;

En le mettant dans vos fichiers il sera visibles sous tous les navigateurs: opéra,chrome, .... merci Francis pour l'astuce ;-)

sauf sous Internet explorer merci boobalechat pour ce rappel

Qu'est ce qu'un fichier ? où ça se trouve ?

Seuls les blogueurs en mode premium ou privilège peuvent classer leurs documents dans des fichiers (les blogueurs en mode confiance devront mettre obligatoirement leur favicon dans leurs documents) (reedit: info obsolète depuis les derniers changements de la plateforme ob).

je vous ai fait une petite copie d'écran de mon administration

Je laisse le tuto çi-dessous entre les ♣ pour ceux et celles qui voudraient approfondir ....ou qui sont en mode avancé sur overblog (lire la fin si vous avez choisi la version express çi-dessus)

♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣

Il existe 2 méthodes pour installer un favicon
pour les 2 méthodes

==> il faut Télécharger le logiciel gratuit 7 Zip pour décompresser les images compressée; si ce n'est pas déja fait cliquer ici

==>créer un dossier que vous nommerez "favicon" dans vos documents windows

première méthode: à partir d'une image existante

1) Trouver un favicon existant sur favicon.fr

2) l'enregistrer sous ses documents dans le dossier "favicon" pour la retrouver plus facilement

3)ouvrir cette image à l'aide du logiciel 7ZIp (l'image va être décompressée) la renommer "favicon blog" par exemple et l'enregister dans le dossier " favicon"

4) enregistrer cette image dans les documents de votre plateforme de blog dans les "fichiers" et non pas les "images"

5) copier le code

<link href="L'adresse URL de votre image" rel="shortcut icon" />

en mode Source de votre entête (htlm), d'un de vos modules Texte Libre ou de votre pied de page (allez dans l'onglet configuration)

je vous conseille de choisir le pied de page; en effet ce code étant "invisible" lors de la validation du module vous pouvez l'effacer par mégarde....en modifiant vos modules

6) copier l'url de votre favicon dans votre fichier et copier le à la place du texte en rouge

7) valider le module libre et réactualiser votre page (F5)

deuxième méthode: créer votre favicon

1) trouver son image sur le net ou la créer ( la modifier grâce à photofiltre logiciel gratuit)

2) enregistrer cette image dans les documents de son ordinateur dans le dossier "favicon"

3) aller sur le site chami

4) dans le petit rectangle bleu "source image" cliquer sur "choisir" et trouver son image

5) cliquer sur "generate falvcon. ico"

6) cliquer sur "Download FavIcon Package" (surligné en vert )

7) une fenêtre avec votre image compréssée s'ouvre;cliquer sur "ouvrir" puis sur "extraire tous les fichiers" (à gauche) dans l'onglet gestion

8) cliquer sur "suivant" puis sur "parcourir" ; choisir votre dossier "favicon" puis cliquer sur "suivant " puis "terminer"

9) enregistrer cette image dans les documents de votre plateforme de blog dans les "fichiers" et non pas les "images"

10) copiez le code

<link href="L'adresse URL de votre image" rel="shortcut icon" />

en mode Source (htlm) de votre entête, d'un de vos modules Texte Libre ou de votre pied de page (allez dans l'onglet configuration)

je vous conseille de choisir le pied de page; en effet ce code étant "invisible" lors de la validation du module vous pouvez l'effacer par mégarde....en modifiant vos modules

11)copier l'url de votre favicon dans votre fichier et copier le à la place du texte en rouge

12) valider le module libre et réactualiser votre page (F5)

Pour les blogueurs qui sont en mode "avancé" (info obsolète) sur overblog et qui travaillent sur 2 configurations différentes ou 3, vous pouvez avoir 1, 2 ou 3 favicons différents pour votre page d'accueil, d'article ou de commentaire et vos pages;

pour cela il suffit de mettre des url d'images différentes dans les modes sources de vos 3 configurations.... voir ici le mode avancé késako (paragraphe 7)

♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣♣

et pour ceux qui n'y arrivent pas je viens d'installer une petite page payante (j'ai mis pas mal de temps à vérifier que les images fonctionnent et à écrire cette page sur mon mini ordinateur) avec des codes tous prêts , il n'y a qu'à copier coller, je rajouterais des favicons au fur et à mesure

voici une capture d'écran des favicons déja en stock