un favicon dans votre barre de navigation

Publié le par nessa

Voilà mon favicon actuel  sur toutes mes pages http://ddata.over-blog.com/2/41/88/79/animated_favicon1.gif  vous l'avez vu ?  

Actuellement sur la plateforme overblog , seuls les blogs premium peuvent mettre un favicon très facilement depuis leur administration.

mais en mode privilège aussi 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 en pied de page dans votre configuration.

 

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

 

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 ?

Seulement 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)

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

 

fichier-overblog.jpg

 

 

  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écomprésser les images compréssé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écompréssé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 pous 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 pous 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é" 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

favicon-image.jpgfavicon-image-2.jpgfavicon-image-3.jpgFAVICON-IMAGE-4.jpg

 

 

 

  bonne-semaine.gif

 

 

 

Partager cet article

Commenter cet article

coco 07/04/2015 23:19

bjr enregistrer dans fichier et non images c'est ou car si c'est dans article -fichier le trombone faut être membre premium.Comprend pas la phrase en mode source etc désolé débutante.Compliqué toujours pas compris ou mettre certaines choses dans mon html, comme barre défilement je l'ai mis en article.

nadia-vraie 24/06/2011 19:52



Bonjour nessa, je viens d,essayer ta page payant et je n'aipas réussi à passer car trop de temps d,attente avant de trouver ce qu'il me fallait. Je vais retourner plus tard.


À bientôt.



mamalilou 24/06/2011 17:50



merci pour ce topo que je garde en favoris... forcément, pour dès que je prendrai 5mn de concentration à m'y atteler...


et bon courage, la fortune n'est pas loin... soupir...


doux bisous et belle fin de semaine à toi



mentale 22/06/2011 15:20



Gros bisous, je venais à l'ffut d'un nouvel article, je suis de repos aujourd'hui, j'en profite donc.



SD-Arius 21/06/2011 21:50



Coucou Nessa ^^
Je passe te souhaiter une bonne fête de la musique...
Bisous et @bientôt ++$$



Linda & Picasso ::0079::0071:: 21/06/2011 20:40



coucou, premier jour d'été mais ici on se croirais en octobre! gris sombre humide ....





gros bisous



mentale 21/06/2011 19:53



Merci pour ce que tu m'as expliqué!!


Bonne fête de la musique!



chacha 21/06/2011 18:38



L'orage approche dangereusement de la maison, je passe en copier coller pour te souhaiter une bonne soirée



VIENS chez Daninoune 21/06/2011 12:21



Ca y est, je l'ai changé et je l'ai mis sur toutes les pages.... Tu le vois maintenant?


Bisou



Belbe 21/06/2011 11:59



même sans mode privilège c'ets simple ! la preuve j'ai réussi lol


bon alors attendons le retour du soleil ...


à bientôt de te lire ...



mamzelle.B 21/06/2011 11:36



Coucou Nessa


En souhaitant te trouver en pleine forme, je viens te souhaiter une agréable journée


plein de bi$es !



tatarinette:0071: 21/06/2011 11:34



Coucou Nessa


Moi c'est fait , c'est sympa de guider les aminautes, je reconnais bien là ton grand coeur..


30° annonçéce jour..J'ai fermé les volets..en V..et j'ai cuisiné a la fraiche( four)..Une tarte aux abricots..


Bonne journée en musique..Bisous Nessa



VIENS chez Daninoune 21/06/2011 10:07



J'ai bien enregistré l'image dans mes fichiers et je l'ai mis en accueil.


Bonne journée!***



Coucou c'est l'ami "Gégouska" 21/06/2011 07:03







SD-Arius 20/06/2011 22:48



Coucou Nessa ^^


petit coucou rapide pour te souhaiter une agréable soirée...


Bises et @bientôt ++$$



mentale 20/06/2011 21:00



euh, ça sert à quoi ces Fauvicones? ça permet d'avoir plus de visites?


C'est vrai j'avais remarqué le tien, mais je croyais que tu étais en premium..


Bisous



nessa 21/06/2011 05:44



+ de visites je ne sais pas, mais par exemple lorsque j'ai une dizaine de blogs ouverts ça me permet de reconnaitre un blog , bizzzz



VIENS chez Daninoune 20/06/2011 19:39



Génial le favicon, je viens d'en installer un... tu me diras si tu le vois... il est minuscule (lol)


Merci et bisous***



nessa 21/06/2011 05:45



alors ? je t'ai répondu sur ton blog et j'ai modifié mon article pour que ça soit plus claire bisous



chacha 20/06/2011 18:31



très interessant cette technique sur les favicons. POur mon alitement en fait il a fallut que j'aide à faire de gros travaux dans un appartement dans lequel je n'habiterai  pas ce qui est
incompatible avec mon état de santé, du coup pendant trois semaine je devais rester alité en rentrant pour éviter une hospitalisation anticipée. (pas cool quand on sait comment tout s'est passé,
mais la vie est ainsi et il ne faut pas se laisser abattre et continuer à avancer). J'espère que tu retrouves le moral, tu as ton petit bout et il faut te battre et rester optimiste pour lui, je
suis sûre que dans chaque combat il y a un petit point positif et il faut le garder dans son objectif.


Passes une bonne soirée



nessa 21/06/2011 05:47



merci chacha j'espère que tu as bien récupéré de ton côté bisous:)



dimdamdom59 20/06/2011 18:14



Dernière semaine pour moi pour venir vous visiter, car je me prépare pour les vacances!!!
Et oui, ça doit se faire aussi mdr!!!
Alors, voilà, je fais ma tournée chez vous en passant par l'annuaire, sur lequel je constate des envolées fulgurantes. Pour moi c'est un grand honneur de vous compter parmi mes inscrits et
j'espère que cet élan continuera, même pendant mon absence.
Par respect pour mon mari, j'éviterais de vous commenter, mais serai dans les coulisses, pour voter mais aussi pour répondre à vos questions si vous rencontrez le moindre problème par rapport à
l'annuaire!!!
Gros bisous!!!
Domi.


ps : ben voyons tu vas pas me dire que tu es nulle au point de pas savoir installer mon logo, mdr!!!


Bon as-tu encore le code???


Sinon je te le renvoie!!!



nessa 21/06/2011 05:47



je t'ai repondu sur ton blog hihi  bisous



Marishka 20/06/2011 18:07



 


                          


 


 


Bonjour Nessa


Je ne vois pas ton favicon sous IE8 j'ai désinstallé iE9 trop de conflits !


En revanche j'en ai un aussi de favicon (une fleur rouge) je ne sais pas si vous la
voyez..... 


Je te souhaite une bonne  journée et passe une belle semaine.


Gros bisous.


Marishka



nessa 21/06/2011 05:49



oui je vois ta très jolie fleur Marishka, je suis sous chrome;  je te conseille vivement de changer de navigateur : fire fox, opéra ou chrome sont plus adaptés aux blogs ....



Mousse 20/06/2011 16:56



Bonjour ma douce,


Merci, mais je n'y connais rien avec tout cela.


C'est bien joli.


Bonne semaine, bisous.



Coucou c'est l'ami "Gégouska" 20/06/2011 16:17



Un p'tit coucou pour te souhaiter un bon après midi gros bisous ***






EmilieRD 20/06/2011 15:37



Bon lundi et bonne semaine! ***



Séverine LustucrubleuC 20/06/2011 14:29



Houla la j'ai bioen tout lus mais je crois que j'ai rien compis! Je suis nul je crois sur ce quoi la!!! Bises!!



nessa 21/06/2011 05:50



lol  ais j'ai bien spécifié qu'il ne fallait pas tout lire !   bon j'ai réédité l'article en essayant d'être plus claire et en rajoutant un dessin , bisous



Joelaindien 20/06/2011 13:07



très sympa! merci!



Eliane 20/06/2011 12:17



Bonjour nessa, pas encore pris le temps de mettre un favicon et je suis
en mode privilège pourtant..



 

 excellent Lundi , ici encore sous la pluie   23°
annoncé  ©



nessa 21/06/2011 05:51



premium tu veux dire  bisous



thierrys76 20/06/2011 12:12



Hello, c'est un peu ce que j'ai toujours reproché a overblog, les différences entre membres premium etprivilège, sinon excellente plateforme et un favicon c'est très bien pour reconnaitre les
blogs. Bon lundi à toi



nessa 21/06/2011 05:52



ah bon ? moi je trouve qu'il n'y a pas assez de différences justement et je ne vois pas l'intérêt de payer un pack premium   sauf si mon blog devenait un blog de ventes ....bizzzzz



Callophrys 28/02/2010 18:55


yes!!! c'est fait!!!


fillah44 26/02/2010 21:44


merçi pour les partages
a bientot
bizzz


jardin zen 24/02/2010 21:01


ben,il faut que je demande :je ne sais pas ce qu'est un "favicon"ni à quoi il sert..
si quelqu'un peut me mettre au courant,je serai un peu moins nulle
bizzzzz jz


cricket1513 23/02/2010 13:37


http://la-vie-de-bouboune.over-blog.fr/article-purification-par-les-plantes-45255487.html

autre idée pour le colibri un jour peut-être aussi ?;)


☼♥ Lajemy ♥♪ 23/02/2010 12:41


bon je reviendrais voir ça de plus près hihi ! bisous à toi £


Finou 23/02/2010 12:12


Il faut que je remette le mien, je l'avais effacé par erreur mais pas encore pris le temps!
Bisous et bonne journée
Finou


cricket1513 23/02/2010 11:45


oulala pas trop le temps de me lancer là dedans !! peut - être un de ces jours .. ;) bises et bonne journée .. :)


Neige de Tambouille Tout 23/02/2010 11:10


merci pour toutes ces astuces !
bonne journée et cli€


jucreations 23/02/2010 08:40


bon mardi
bisou$


mamalilou 23/02/2010 02:09


ok merci faut que je prenne un peu de temps, mais je vais m'y mettre, ça fait trop longtemps que je veux le faire... :o))
doux bisous et encore merci


mamzelle.B 22/02/2010 23:29


Encore de superbes explications, mais ce n'est pas de mon niveau !! lol !
moi aussi je te souhaite une bonne semaine
bisou$


Chaudronnette 22/02/2010 19:46


t'es une vrai pro toi, j'apprends plein de trucs pratique sur ton blog. chaudronnette$


Louly cot cot cot 22/02/2010 17:57



Bon lundi en espérant que tout va bien pour toi !!! Bisou$


JANY 22/02/2010 16:49


très intéressant ! bon lundi ! bises et clic $ !
Jany.


Noisette 22/02/2010 16:39


Bonjour
Un petit coucou en passant
 


MOYRA ♥ 22/02/2010 16:12


Je découvre ici un bien joli blog.
Tout plein d'astuces pour blogs et j'y reviendrai.
Bon après-midi.


poupoutland 22/02/2010 15:42


Bonjour !
Merci de ton soutien pour l'asso, nous te souhaitons une bonne semaine.
Bisous
Laetitia "co gérante du blog et membre actif "


sylvie6 22/02/2010 15:38


merci nessa pour cette info....on va essayer...c'est pas gagné mais bon!!!
bonne continuation


Boobalechat 22/02/2010 14:53


pas de favicon sous IE7 mais le logo OB :(   de toute facon cela fait un an et demi qu'il ne marche plus, les bloggeurs n'ont pas la main sur ce qui pourrait faire qu'il soit visible sous
IE :(

Bonne semaine


nadia-vraie 22/02/2010 13:57


Bonjour nessa,j'ai vu que tu m'as invité,je te remercie,comment je fais pour inviter ou comment te placer comme amies,je vais relire.
Ton article explque ce que je voulais savoir,ça l'air compliqué,je vais relire lentement et essayer de le faire.
je te reviens dans la journée et merci beaucoup.
À bientôt.