Comment utiliser une Favicon personnelle dans Blogger-Blogspot

=)) le machin "&alt;/head>" c'est < /head > :))

Merci, nickel mais dans IE il y a le e :-/

Je n'ai pas de < \head> pour ma part, mais un < head> oui. Du coup, avant ou après < head>?

Oups, j'ai rien dit ^^

Mais ça ne marche pas quand même...

@ Yumeless ;)
Je viens de jeter un coup d'œil sur ton site et il y a une favicon, tout baigne :? tu confirmes :?

Non xD je vois rien moi...
Argh ça me stress, pourquoi rien ne s'affiche jamais chez moi...?

@ Yumeless
c'est bien pour ton site http://www.yaoi-ouji.fr/ :?

Il y a un "y" et le symbole de la femme ou de l'homme, je sais plus :o

Oui c'est bien ça tout à fait.
Et c'est celui de l'homme. lol

C'est bon j'ai résolu mon problème. Mais j'ai quand même un peu galèré pour trouver un hebergeur d'image qui accecpte les .ico
Si tu en connais un qui garde l'imae plus d'un mois je suis preneuse.
(dans le lien que tu as donné il tranforme en .ico, nous donne un code tout pourri qui marche pas (enfin pas chez moi xD), mais pas d'url. Enfin, je l'ai pas trouvé...)

Merci... ça marche !!
:D

@ Yumeless
J'ai mis le site où tu peux "Uploader" l'image *.ico c'est celui que j'utilise.
pour les autres type d'image PHOTOBUCKET est le meilleur.
Pour le premier site il sert qu'a créer une image au format .ico et c'est tout. code :? url :?

@ The Perfect
c'est bien :)) :)) :))

Dans le site qui te donne ton .ico il te donne un code (qui ressemble au tien) à mettre avant < /head>.
Ok, je vais utiliser hotlinkfiles, merci.
++

@ Yumeless
Peut être, mais je ne sais pas si le code marche avec un blog blogger. de toute façon il faut uploader l'image. j'ai juste oublié de préciser que les autres sites de stockage n'acceptaient pas les *.ico :)

Alors comme ça tu es une fille :?

Mdr oui je suis une fille, mais c'est pas nouveau tu sais xD

@ Yumeless
je pouvais pas deviner non plus :))

Bonsoir

j'aimerais bien moi aussi avoir un favicon mais je suis allée sur favicon et après je me suis perdue??? oups!!! je n'y comprends rien.
Désolée est que vous pourriez m'aider???. Merci vous avez d'excellentes idées mais après cela donne envie de les mettre en pratique.. Or là je ne sais plus.... encore merci....

@ Yaelle
tu as une image sur ton ordi que tu veux utiliser comme favicon. n'importe quel type d'image et n'importe quelle taille, ok.

il faut héberger (uploader) cette image dans un site comme celui que je propose http://www.hotlinkfiles.com/upload
Une fois que tu l'auras hébergé, le site te donnera un lien vers cette image du genre http://www......jpg
C'est ce lien qu'il faut ajouter au code que tu vas copier/coller dans ton Template.

Internet explorer n'acceptes que les images dont le format est *.ico, donc si tu veux que ton image apparaissent dans internet explorer il faut la convertir grâce au premier lien que j'ai donné.
Tu vas dans http://htmlkit.com/services/favicon/ il y a un bouton "parcourir", tu cliques dessus et tu sélectionnes l'image que tu veux utiliser. tu cliques sur "generate Favicon.ico" dans la page qui s'ouvre il y a "Download FavIcon Package" tu cliques dessus et tu télécharges le fichier qui contient ton image au format *.ico
Ensuite il faut héberger....

J'espère que j'ai été assez claire,
Et dit moi ce que ça donne. :D

Re coucou
bon pour ce soir j'abandonne je suis allée sur
hotlinkfiles upload il me donne une url et j'en fais quoi après.. je ne suis pas blonde... juste débutante.... je crois que je n'ai pas tout capté??? Oh secours!! je me noie.... une
explication de +++ s v p... mille excuses....=((

@ Yaelle
Bon tu as eu l'url,
logger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez (Ctrl + F) le code suivant: </head> et tu ajoute ceci :

<link href="L'URL_DE_VOTRE_IMAGE_ICI" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>

Bonjour,
Merci j'ai déjà fait tout cela également le link à la fin il me le refuse je parle de google je l'ai mis juste avant head mais il accepte bien link href.... mais point de favicon... Peut-être est-ce que je fais encore des bêtises. Si tu as unr nouvelle petite idée... snif trop triste de pas réussir....:p

Bon je reviens encore car je suis tenace.... voilà ce que me répond goo votre modèle ne peut-être analysé car sa structure... message d'erreur XML : open quote is expected for attribute "{1]" associated with an element type "href". Ze n'y comprends +++ rien... :(

Me revoilou... free direct hotlink Files il donne deux codes le 1er {http//www......{ima}
et http/....gif{/ima]{/url} j'ai essayé d'abord 1 puis les deux
et voilà ce que répond bloggger xml: element type "link" must be followed by either attribute specificationsJ'ai la tête comme "zébulon" please une petite aide... je n'y comprends rien.:p

@ Yaelle
Une url est de cette forme:
http://www.hotlinkfiles.com/files/2616791_5crya/LeBlogger.gif
Tout ce qui est devant ou à la fin, ne sert à rien et il faut l'enlever (dans hotlinkfiles il y a un bouton "Just the direct URLs" pour avoir l'URL uniquement).
Il faut ajouter ce lien après le href=" et ajouter le tout avant </head> dans blogger

si tu n'y arrives pas, envoie moi ton image et je te donnerais le code a copier/coller directement dans le Template :)

@ Yaelle
Voilà copie ce code dans ton Template avant </head> et non <head>

<link href="http://www.hotlinkfiles.com/files/2678392_h7e81/animated_favicon1_021109.gif" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>

@ Yaelle
je viens de voir ton blog, et tu as bien une facivon, donc tout baigne :)
comme c'est une image au format *.gif elle ne s'affichera pas dans internet explorer.

Bonsoir,
je ne comprends rien ce que j'aimerais grâce à ton aide géniale c'est que le *gros B* de blogger disparaisse de notre vue et que j'ai une jolie petite toute petite image... comment dois-je faire alors??? je te remercie pour ton aide si précieuse... trop triste de voir ce BBB de blogger.... help me please!!!!:p

@ Yaelle
Envoie moi l'image que tu veux utiliser comme favicon à mon email leblogger{at}leblogger.com
et je ferais le reste, ça ira beaucoup plus vite .......

Bonjour
YOUPI j'ai enfin élucider le problème et toute seule je suis assez fière... mais merci pour ton CODE... tes idées sOnt lumineuses. BRAVO....=)):)):-/

@ Yaelle
Très cool, je vois que tu utilises enfin une image .ico Bravo :))

Ouffff!!!! Je taponne depuis quelques heures et ça ne fonctionne pas..... :((
Je vois toujours le "B" de blogger.... je sais pas du tout pourquoi ça ne fonctionne pas... :(
J'ai suivi toutes tes instructions pourtant...(enfin... je crois bien....!)
Si tu peut m'aider, j'aimerais beaucoup!!! ;;)

Nikel =d

@ Marthe
Qu'est ce qui va pas?? tu peux pas ajouter le code ou ça donne rien quand tu enregistres???

@ dadapoulos
c'est cool

Merci ça marche !!!!!!!!!! ;;)

@ Shehrazad
Trop cool

bonjour !
je me suis aussi lancée dans des essais et je ne comprends rien de rien ,j'ai ce message d'erreur : mpossible de prévisualiser votre modèle
Veuillez corriger l'erreur ci-dessous et renvoyer votre modèle.
Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
Message d'erreur XML : Element type "link" must be followed by either attribute specifications, ">" or "/>".

voici ce que j'ai inséré dans le code :


link href="http://www.picdo.net/fichiers/2009/9/18/ceafb8c8-efbf-4064-af59-a8d9aeed8937_Sans titre - 1.jpg'rel="shortcut icon"


juste avant head (avec les balises < et pour fermer />

peux tu m'aider?

@ totry
dans ton blog totry1 il y a bien une Favicon, (Donc tu as résolu ton problème) mais comme c'est une JPG elle ne s'affichera pas dans IE.
Au passage, tu as 0 articles dans ce blog.

TOP ! vraiment TOP ! merci beaucoup !

Salut Soufiane,

Mon favicon.ico fonctionne impeccablement. Cependant, si je visite certains blogues et que le mien s'y trouve, j'ai remarqué que mon favicon ne s'affiche pas partout. Mon site est dans mes favoris deux fois mais mon favicon ne s'affiche qu'une fois. Je ne saisis pas...

C'est beau,merci soufiane pour télécharger des films venez voir mon site http://telecharger-film.blogspot.com

@ Anaïs
Merci
@ JF
Merci ...
@ AdminTF
Merci

Bonjour Soufiane,
J'ai bien fait tout ce que tu as dit.... mais apparemment cela n'est pas reconnu. J'ai un blog 3 colonnes...;est ce que cela peut influencer?

@ Yves.ESCUDERO
Il faut juste vérifier l'URL de ton icône et pour que ça marche dans IE il faut qu'elle soit au format *.ico ....
c'est quoi ton blog ???

Soufiane, j'ai un blême, mon .ico est reconnu sous firefox et plus sous safari, je comprends plus trop là je dois dire, avant je le voyais, là j'ai essayé avec un point gif j'héberge sur picdo et c'est tout pareil, pas sur safari alors que j'en vois qui n'ont pas le problème sous safari, i need your heeeeeelp

bonne soirée

@ Philippe
Je peux pas utiliser Safari en ce moment (uniquement Firefox)
Vérifie uniquement ton hébergeur .... (utilise MyDatanest pour héberger l'image *.ico)
ça marche dans IE ???
il s'agit de quel blog, tu en a tellement ....

Bonjour,
`Si ça peut "encore" servir quelqu'un :
J'ai hébergé mon icône "ico" chez Free (ci-dessous) et j'ai eu en 2 secondes l'url de l'image
☟
http://pmsc.free.fr/

@ Francine
Merci, je vais sûrement tester cela ....

Je viens de changer de thème de blog et impossible de me souvenir de cette astuce. Merci bien pour le précieux coup de main :)

http://pourquoipasmoi-greg.blogspot.com/

@Gregory
Yourwilkam =)(

Bonjour

Favicon, la meilleur methode pour creer une Favicon personnelle dans Blogger

Voici l'adresse http://www.favicon.cc/

J'ai créé un site avec le logiciel WebCreator et je voudrais maintenant y ajouter un Favicon.
Quelqu'un pourrait-il m'indiquer la méthode à suivre.
Merci

Ajoute le code en haut dans la partie HEAD de ton code

Bonjour Soufiane,

J'ai suivi tes instructions à la lettre comme tu verras dans le lien au bas. Mon icone est hébergé par UrPix.fr, qui héberge des .ico. L'icone de Blogger est disparu, mais le mien n'apparait pas. Peux tu m'aider svp. Mon site est www.lebeukiri.com
Merci
René
Fidêle lecteur

http://urpix.fr/viewer.php?file=8igwgy2etzkvtcgu0z6o.jpg

Suite:

Ce que je ne comprend pas c'est que et tu verras sur l'image que j'ai envoyé...est que le code change quand j'enregistre les " deviennent des ' et le link a la fin disparait...c'est à ne rien comprendre.

René
LeBeuKiRi.com

Super, ça marche ! Merci pour toutes ces astuces à peu près accessibles aux débutants !

@René
Faut vérifier le code, c'est tout ...

merci mon frere pour l'explication, j'ai pratiquer cette methode et tout va bien ca marche trés bien

Salut,
Dernier petit prb pr aujourd'hui.
J'ai créé et hébergé une favicon selon tes instructions et tout fonctionne bien; mais je viens de me rendre compte que celle-ci n'apparait pas dans Explorer (j'utilise mozilla), pourtant c'est bien une favicon que j'ai hébergée.
C'est pas très grave, mais si tu as une idée de ce qu'il faut faire pour qu'elle apparaisse aussi dans Explorer.
Merci d'avance pour ta réponse.

@malegria
Il faut utiliser une image au format .ico est ce le cas ;)

Effectivement j'avais bien lu que seule une image en .ico permettait l'affichage dans Mozilla ET Explorer; mon image hébergée est bien en .ico, d'où mon problème.
voilà tout, si t'as une idée...

J'ai Internet Explorer 8 sur Vista et je vois ta favicon ;)

Bonne nouvelle alors! De mon coté, je suis formel, sur mon ordinateur, je la vois dans Mozilla mais tjrs pas dans Explorer, bizarre! Si toi tu la vois, c'est que ça doit venir d'un pb de configuration chez moi?? En tout cas merci, un pb en moins à résoudre...

Tu vois la mienne ;)

ben oui!! elle apparait bien!
par contre, avec le mien: après avoir chargé la page, il y a normalement écrit tout en bas "terminé", quand j'ouvre mon blog avec IE, il y a écrit "terminé mais il existe des erreurs sur la page"!

Bonsoir, bonsoir,

Je m'applique à suivre et appliquer tes améliorations sur mon site, pourtant je viens de changer de template et impossible de remettre l'image choisie.

Tu pourrais me guider ou essayer :
http://theoneonefive.blogspot.com/ mot de passe samusocial
Image : http://farm5.static.flickr.com/4035/4398378765_0b3f226c22_o.jpg


Si t'as le temps, vu l'ampleur du site tu dois être occupé ..

Malgré mon dos fourbu, souvent quand j'essaie d'ajouter un code htlm javascript même en suivant scrupuleusement toutes les étapes j'ai un écran blanc à la place, est ce du au MAC ou c'est parce que je ne comprend pas votre langage codé ?

Merci par avance

Cordialement


Emilie, bloggeuse pour le Samusocial de Paris.

Il faut utiliser la bonne taille et forme de l'image

Bonjour Soufiane ! Je viens d'installer avec succès le favicon. J'ai vérifié sur le site... tout est ok. J'ai cependant rencontré un problème que j'ai solutionné.(mais je ne sais pas s'il est bien solutionné c'est pour cela que j'ai besoin de ton avis éclairé) En cochant la case "Développer des modèles de gadgets" pas moyen d'ajouter le code quand j'enregistre. J'ai le rejet suivant : "otre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés. Message d'erreur XML : The processing instruction must begin with the name of the target." Par contre en décochant la case cela passe tout seul lors de l'enregistrement et le favicon est bien en place. Est-ce normal ? A priori il n'y a pas de problème le favicon apparaît... Merci de vérifier ou de me dire si tout est ok @+ (http://grandescauses.blogspot.com) Merci pour tes conseils et ta disponibilité.

Bonjour
J'ai fait trois essais identiques en suivant vos conseils.
Ça marche très bien. Mais dès que l'ordinateur a été éteint et rallumé, le B de Blogger réapparait.
Je suis sous Mozilla Firefox.
Merci de votre réponse
Anne

Bonjour Sofiane,

J'ai suivi la procédure... sans succès. J'ai tjs ce B horrible en favicon.

Vois par toi meme : www.lesvoixsupremes.com

Ah autant pour moi, ça marche... par contre quelques fois le B revient !

Aurais tu une solution definitive ?

Ton site est terrible. Merci pour ton travail.

merci ca marche ;-)

Hey Merci bcp!
I've just made it to my blog
you can visit MarocSportNetwork :) :))
Peace Out!

@Mike
Non, je ne sais pas pourquoi des fois la favicon de Blogger prend le dessus, mais c'est très rare

@sur les traces de notre enfance
Certainement un problème avec le site ou tu as hébergé ton image ?

Salut Soufiane,

J'ai rajouté la favicon et tout baigne pour ce qui concerne l'adresse de base du site: http://webmarklaw.blogspot.com.

En revanche, j'utilise en fait un nom de domaine différent (www.webmarklaw.com) qui redirige de façon caché vers cette adresse. Pour ce nom de domaine, l'icone ne s'affiche pas. Aurais-tu une solution?

Merci.

PS: Pour l'instant j'ai désactivé la redirection cachée, donc le problème est provisoirement résolu. Mais si tu trouves une solution, je suis preneur!

Coucou,
Une question, ma favicon ne s'affiche pas sur tous les navigateurs, notamment sur Internet Explorer. Une réponse ?
Continues ton blog, c'est super

@La vie selon L
Il faut utiliser une image au format .ico
J'ai mis le lien pour convertir une image au format *.ico

super !! :

salut Soufiane
j'ai bien converti mon image en .ico
mais c quoi l'url de l'image au juste ? mon image est sur mon bureau c tout. tu parles de l'url du site de destination ?

merci

bon j'avais pas lu tout de ton tutoriel, je viens de comprendre ! merci en tout cas et bravo pour ton site.

coucou...j'ai fouillé, et j'aimerais savoir c'est quoila meilleur taille pour ces favicons?? 100x100 ou plus petit? merci soufiane!

une question j'ai mon favicone héberger sur tinypic et j'ai suivi tes conseils et ca marche sur le lien http://posteinfo.blogspot.com/ mais par contre pour la redirection www.posteinfos.com je n'arrive plus a le voir même avec firefox.
si vous avez une solution et merci d'avance

trop cool ce site

رائع ولكن لدي سؤال هل لديك مدونات عربية نستفيد منها كهده.

Bonjour,
Je suis désespérée, j'essaie par tous les moyens d'ajouter un favicon sur mon blog mais je n'y parviens pas. J'ai pourtant modifier le format de m'image en .ico (via l'url que tu proposes) et ai hébergé l'image sur DataNest. J'obtiens l'url suivante: http://www.mdn.fm/browse/11045/18633. Est-ce possible? Ou p-ê ai-jema l positionner le code??
Please help !!!
Merci beaucoup :-)
CaRoOo

Re,

J'annule mon précédent post, j'y suis ENFIN parvenue! En fait, je prenais l'url qui s'affiche quand on clique sur "Share folder", or il faut prendre l'url dans Propriétés de l'image. Grâce à tes explications, j'ai une jolie favicon, merci pour tes précieuses astuces ;-)

CaRoOo

Je constate que mon favicon est visible sans problème pour moi, mais sur d'autres PC ( amis, collègues , etc...) mon favicon apparaît sous forme de carré blanc à ligne noir , comme si il s'affichait mal...

http://kor-bak.blogspot.com/

:) j'ai trouvé l'erreur !
j'avais laisser le code de l'ancien Favicon sans le voir en + du nouveau sans faire attention.

Encore des problèmes avec mon favicon ! :( je suis le seul à pouvoir le voir
de plus il ne fonctionne pas avec explorer

http://kor-bak.blogspot.com/

pourtant j'ai utilisé mydatanest et j'ai bien collé le code à la bonne place.

@Korbak
moi je vois bien la favicon (qui n'est pas très visible) sur FF et IE !!! peut être MyDataNest qui déconne de temps en temps

bah normalement c'est mon logo (comme ici celui en avatar) mais en miniature , mais chez les gens sa donne un carré blanc avec des petites lignes horizontale noir. >.<

Merci, et bravo pour vos astuces

bon j'avais pas lu tout de ton tutoriel, je viens de comprendre ! merci en tout cas et bravo pour ton site.

argh!! Sa marche pas. Sa a juste remplacer le B orange par le favicon d'internet!!! C enncore pire :( Tu peux m'aider svp. Merci d'avance :)

c est super sa marche, merci!
parcontre je remarque un lien qui s affiche tout en haut a gauche :$ comment l enlever svp??

Génial j'ai pu afficher mes couleurs... Vraiment, Souffiane, je vous remercie de tout ce que vous faites, pour le temps consacré à ce blog... Vraiment, on ne peut que vous être reconnaissants... Merci pour tout...

Merci, comme toujours !

merci pour l'astuces
www.tous-pour-linux.blogspot.com

merci mais comme ne pas afichre le ico de blogger

Sofiane j'ai besoin de tes lumieres, j'ai suivi tous ce que tu dis mais pas de favicon, rien mon blog c'est www.beautylicieuse.com mais toujours le logo blogger

en cherchant un petit peu j'ai trouvé un site qui propose tout simplement de créer un favicon et donne ensuite le code html a rajouter avant head c'est :
http://iconj.com/favicon_hosting.php
et ca marche sur mon blog en 2 sec
http://blocstories.blogspot.com
sinon por les adeptes de photofiltre il y a une option creation de favicon je crois.

Merci
J'avais bien mis le code entre les balises head mais ça ne fonctionnait pas juste après la balise d'ouverture head.
Je l'ai finalement mis juste avant la balise de fermeture head et ça a parfaitement marché pour moi.
Tout ça est visible sur WebSite Developer

Salut Sofiane,

Le site mydatanest ne semble pas marcher donc tu l'éhberges sur quoi ton fichier ico ?

Merci bien

Anton

Re salut Sofian, je n'arrive pas du tout à installer mon fichier ico, je l'ai héberge chez urfix.fr mais ca ne marche pas.
Mon site est www.la-vida-regiomontana.com
Y'a-t-il plusieurs "head" dans le html de blogger ?

Merci mille fois pour tous vos articles qui m'ont bien aidé dans la mise en place de mon nouveau blog !!! je vous ai fait une petite pub sur ma page facebook pro http://www.facebook.com/Aide.au.clavier.secretariat

Emmanuelle

Salut Soufiane,
J'ai essayé en hébergeant ma photo chez Picasa Web mais ça ne marche pas! Je ne sais pas ce qui cloche?!
http://leblogdezino.blogspot.com/

desolé mais precedemment jai parlé de ce site:
http://iconj.com/favicon_hosting.php
il fabrique un favicon a partir de votre image puis vous donne le code html a insérer dans votre page avant head... ce qui veut dire qu'il gère aussi automatiquement l'hébergement de votre favicon et ça de façon gratuite !
j'avais oublié de le préciser.
et ça marche : http://blocstories.blogspot.com
Donc plus de soucis c'est la solution ultime.

d habitude explorer fait plusieurs erreurs
ne serait plus utilisé...

Thanks You, Je cherchai justement de trouver ceci !

Bonjour,
J'ai mis un favicon sur mon blog grâ ce à ton tuto très bien fait. ça fonctionne très bien sur le moment mais dès le lendemain, je perds mon ico. Celle-ci est remplacée par un carré blanc et noir. J'ai renouvellé plusieurs fois l'opération et toujours le même bug le lendemain.
Peux tu m'aider stp ?

Mercii bieen

S'il te plait répond moi,comment je peux créer un adresse url ex: j'ai
http://www.barcelona-officiel.blogspot.com et je veux qu'il soit
http://www.barcelona-officiel.com ???????

Merci !!! C'est Top

Je recommence...

Je rencontre exactement le même problème que "Lucas Ju et Seb".

Je remarque que la fin de la ligne de code se change toute seule(?).

J'ai beau la remettre comme elle devrait être, rien à faire.

La balise de fermeture du link disparaît et le tout se termine par: ...image/vnd.microsoft.icon'/>

C'est quoi le problème?

Merci!

Bonjour Sofiane !
Je viens de découvrir ton site et il est juste génial !

Là, je viens d'essayer de créer une Favicon mais malheureusement, je ne la vois pas apparaître... Pourtant, j'ai bien suivi toutes tes instructions à la lettre !
Sais-tu d'où vient le problème ?

Merci d'avance et bonne continuation !

Bonjour,
Merci pour cet intéressant tutoriel.
http://www.soutien4all.blogspot.com

Nickel !

merci bcp

Je viens de découvrir ton site et il est génial !
merci
HiCham de MAROC

Superbe astuce, le détail fait la différence ;)

Merci beaucoup !

Est-ce que ça prend un moment à apparaître? Je surfe avec Mozilla pourtant je ne vois pas mon favicon, toujours le B...

(fm-communitymanagement.blogspot)

Excellent merci ! ca n'est pas apparu tout de suite mais maintenant j'ai réussi à mettre un cadeau en favicon sur mon site :)