Blogger nous permet d'ajouter une favicon personnalisée

Blogger a ajouté une fonctionnalité dans Draft qui nous permet d'uploader une image pour l'utiliser comme Favicon. L'image sera accessible via l'adresse http://votreblog/favicon.ico (exemple).
Important : Je vous conseille vivement d'utiliser cette nouvelle méthode pour définir une Favicon personnelle pour votre blog qui sera affichée partout : blog, flux rss, widgets, facebook, twitter, google+ ... l'ancienne méthode permettait d'utiliser une favicon personnalisée seulement dans le blog.
On pouvait déjà utiliser une Favicon très très facilement mais il fallait convertir une image au format .ico et l’héberger par nos propres moyens (pas toujours efficace) et ensuite ajouter une ligne de code dans le HTML de Blogger.
Maintenant Blogger s'occupe de la partie hébergement et code HTML mais on doit toujours convertir l'image au format .ico (en utilisant un service comme celui-ci).

Comment ajouter une favicon dans Blogger

Il faut vous connecter à blogger à partir de http://draft.blogger.com et ensuite :

Nouvelle interface

Il faut cliquer sur l'onglet Mise en page :

Ancienne interface

Allez dans Présentation -> Éléments de la page et vous trouverez un espace icône Favorite (C'est très parlant comme traduction!). Il suffit de cliquer sur Modifier et uploader une image au format .ico et de taille inférieure à 10kb.

Il faut supprimer l'ancienne Favicon

Pour que cette nouvelle Favicon s'affiche dans votre blog, il faut supprimer le code HTML de l'ancienne Favicon ajoutée manuellement.

L'ancien code devrait ressembler à ça :
<link href="http://ww..." rel="shortcut icon" type="image/vnd.microsoft.icon"></link>
Pour plus d'infos : Favicon Blogger.

Je n'arrive toujours pas à afficher la favicon sur www.LeBlogger.com mais aucun problème pour demo.LeBlogger.com !
La seule différence entre les deux c'est la Template utilisée ! Je teste des trucs et je vous dit si je trouve quelque chose :)
Comme d'habitude on ne peut pas compter sur Blogger pour nous expliquer ce qui se passe !


Update : Hier la favicon ajoutée via la nouvelle fonctionalité ne s'affichait pas dans le blog mais aujourd'hui le problème a été résolu automatiquement !
Donc au final faut juste attendre quelque heures pour que ça fonctionne?
28 Commentaires
  1. Mort de rire devant la traduction.

    RépondreSupprimer
  2. Je n'arrive sur aucun de mes quatre blogs.

    RépondreSupprimer
  3. pareil je n'y arrive pas non plus et le favicon est celui de blogger dans l'url : http://monblog/favicon.ico et pas celui qui que j'ai uploadé.

    RépondreSupprimer
  4. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  5. Chez moi çà marche, mais je me suis déconnecté puis reconnecté, est-ce pour çà ? Mystère...

    RépondreSupprimer
  6. Xapur,

    J'ai essayé : ça ne fonctionne pas.

    RépondreSupprimer
  7. Je pense que c'est un bug de Blogger, faut arrêter de se casser la tête pour trouver des solutions. Si ça marche pas du premier coup, faut attendre :)

    RépondreSupprimer
  8. possible car meme celle installée manuellement ne s'affichait plus ...

    RépondreSupprimer
  9. Je n'ai absolument rien fait et la favicon s'affiche maintenant sans problème ?????

    Est ce le cas pour vous aussi ???

    Donc au final, comme je l'avait dit, c'était un bug de chez Blogger et il fallait juste attendre :)

    RépondreSupprimer
  10. je viens de charger mon favicon, mais ça ne s'affiche pas

    je verrais demain ...

    une question
    c'est quoi cette nouvelle interface soufiane ?? j'ai pas ça moi O_o

    RépondreSupprimer
  11. au début ça ne marchait pas très bien (pas du tout en fait) et puis ils ont du faire une mise à jour.
    ça marche très bien sur mon blog :)

    en tout cas c'était une fonctionnalité qu'il fallait rajouter, merci Blogger

    RépondreSupprimer
  12. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  13. Hello!
    Pas mal ton site!
    Je cherche une info que je n'arrive pas à trouver sur le net, concernant la fameuse apple-touch-icon qui permet de mettre une image spécifique lorsque l'internaute veut mettre sauvegarder la page en tant qu'application web sur l'iphone.
    Voici ma question : pourquoi ça ne marche pas quand l'utilisateur fait la manipulation à partir de la version mobile du blog avec son iphone4?
    Alors que si il est sur la version web, toujours avec son iphone4, ça marche correctement.

    J'ai un début de réponse : j'ai regardé le code source de la page en version mobile du blog que j'ai édité et curieusement le code que j'ai ajouté () disparu.

    Du coup, vu que je débute sur blogger depuis aujourd'hui, sais tu si en fait la version mobile générée ne récupère pas tout ce que j'ai ajouté dans l'édition HTML.
    Merci d'avance

    RépondreSupprimer
  14. yep ! ça ne marche plus, je pense que ça doit venir de blogger : le format .ico n'est pas valide. le format .jpg est accepté, peut être enregistré mais ne s'affiche pas. je pense que ça vient d'une mise à jour, je ré-essayerai demain :)

    RépondreSupprimer
  15. Si ça marche, faut juste être patient…
    Le Favicon .ico apparaitra après quelques temps… Pour moi, il a fallu près de 24 heures.

    RépondreSupprimer
  16. Merci, ces favicons marche du tonner sur mon blogger.

    RépondreSupprimer
  17. Merci d'avoir pensé à indiquer qu'il fallait suprimer le bout de code ajouté manuellement pour l'affichage du favicon !

    RépondreSupprimer
  18. Je crois qu'il doit y avoir de grosses disparités d'un blog à l'autre chez Blogger. Car voilà une semaine que j'ai fait le changement et mis en place mon favicon qui apparait bien (et immédiatement) sur l'interface mais absolument pas dans l'url des les navigateurs IE, Chrome ou Firefox ?... Un grand Merci quand même Soufiane pour l'info et votre blog d'une grande aide et que j'apprécie beaucoup :-)) Bernard
    NB: et j'ai vérifé... pas de bout de code html mis en place

    RépondreSupprimer
  19. Et dites; comment fait on pour rajouter un favicon lorsque on utilise la nouvelle interface du blog, dite dynamique?

    RépondreSupprimer
  20. Moi non plus ça marche pas...

    RépondreSupprimer
  21. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  22. Perso, j'ai fermé mon navigateur, nettoyé le cache (CCleaner), et lorsque je suis retourné sur le blog le favicon avait changé.

    RépondreSupprimer

  23. Merci beaucoup pour le information. Votre instructif et utile tous les articles et des conseils sont étonnants. J'espère que votre prochain article est utile pour nous.
    Voyance gratuite immediate, voyance gratuite par mail

    RépondreSupprimer
  24. You can use these great software to add a custom favicon to your Blogger blog for free:

    http://www.freeicoconverter.com/
    http://www.faviconconverter.com/

    RépondreSupprimer
  25. Je ne trouve pas le html à supprimer. Quelqu'un peut m'aider?

    RépondreSupprimer
  26. Bonjour,en ce qui me concerne, je ne parviens pas à afficher mon propre icône. mais ça va marcher prochainement.

    RépondreSupprimer

Copyright 2015 Soufiane.fr