Changer le favicon blogger

vendredi 8 octobre 2010

Comment changer le favicon sur blogspot

Les blogueurs se sont certainement posé la question comment changer le favicon sur blogger (la petite image à coté de votre adresse en haut du navigateur).

Voici un petit tuto pour le changer en 2 temps 3 mouvements.

  • Il vous faut une nouvelle image ou même une photo, vous pouvez en créer une ou modifier celle existante facilement avec paint.
  • Une fois créée, il faut la mettre sous format ".ico" les formats ".png" et compagnie fonctionnent sous firefox mais pas sous internet explorer qui n'accepte que le .ico
  • Les programmes disponibles sur le web ne manque pas, j'utilise convertir en ico il suffit de télécharger votre image à partir de votre PC, le site offre d'autres services comme héberger votre favicon, il vous propose également des favicons animés
Nota votre favicon ne sera pas déformé si votre image de départ est de forme carré.

Maintenant le plus compliqué c'est d'héberger votre favicon sous format .ICO

Blogspot ne le prend pas en compte comme beaucoup d'hébergeurs d'images, autant l'héberger sur le site où vous avez fait votre favicon (le lien que j'ai donné au dessus). L'avantage c'est qu'il vous donne le code complet à installer dans votre HTML.

  • Pour l'installer dans blogger, allez dans votre panneau de gestion du blog, dans présentation puis modifier code HTML.
  • Placez ce code en changeant la partie écrite en rouge par l'adresse de votre favicon:
<link href='adresse de votre favicon' rel='shortcut icon'/>
  •   Juste avant la balise <b:skin><![CDATA[/
  • Ce qui donne par exemple:
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

<link href='adresse de votre favicon' rel='shortcut icon'/>
<b:skin><![CDATA[

Voilà, vous avez un favicon personnalisé sur votre blog !
Favicon de la blogatière réalisé avec paint.
N'hésitez pas à laisser un commentaire si vous n'y arrivez pas, mais normalement en suivant correctement les instructions ci-dessus ça doit aller tout seul.

  1. Anonyme Says:
  2. j'ai réussi à le faire mais comme c'est petit on ne voit pas grand chose. Peut on augmenter la taille du favicon plus que 32 sur 32 pixels ?
    Merci

     
  3. Bonjour,

    Ce n'est pas possible d'avoir plus grand, 32x32 étant le maximum.
    Le favicon peut être déformé si l'image de départ n'est pas carré, à éviter également les images trop chargées, ça devient confus lorsque c'est à la taille favicon.

     
  4. cybernet Says:
  5. Encore une astuce géniale.
    Reprise par Sujets d'Actu pour personnaliser son favicon.
    Merci la Blogatière !

     
  6. Belle Slave Says:
  7. Salut,

    J'ai suivi ces instructions à la lettre (me semble t-il!). Mais toujours le "B" qui trône. J'ai essayé des tas de tuto et toujours rien. Quelqu'un peut-il m'aider?

    mon projet : www.belleslave.blogspot.com

    Merci

     
  8. CW Says:
  9. Bonjour,

    Qu'espérez vous comme résultat avec un blog pour votre "affaire"?
    Faites un site, ou demandez à un webmaster qu'il vous en fasse un !
    Vous n'allez pas gagner 1 cts partie comme vous l'êtes.

     
  10. Velvantine Says:
  11. 63 ans, et depuis 20 ans, je me débrouille toute seule avec l'informatique. Grâce à des gens comme vous, j'apprends, j'apprends. Merci infiniment pour l'aide que vous m'apportez et surtout bravo.

     
  12. bonjour, le tuto est parfait, c'est le 30ème que j'essayais, le seul à préciser l'endroit exact où placer le code. mais si ça marche, dès que je ferme firefox (ou l'ordi, puisque je fais les deux en même temps), quand je
    rallume, le B est de nouveau là. il suffit de faire un coupé-collé pour que ça remarche, mais bon...
    ce que j'ignore, c'est ce que voient les autres quand je vois le B à nouveau.
    merci
    anne.

     
  13. Salut,

    J'ai essayé d'installé le code HTML avant la balise « <![CDATA[ » mais sans résultat. Et puis je me suis souvenu qu'il fallait l'installer avant la balise « head » et ça marche maintenant.

    Autre chose, la favicon apparaît dans la barre d'outils ou dans les onglets (Google Chrome) mais PAS dans le gadget Membre. Pourtant, je sais que c'est possible. Peut-être dois-je supprimer le lien blogspot et opter pour un nom de domaine personnalisé ?

     
  14. Il faut mettre le code HTML avant l;a balise « /head » et ça devrait fonctionner normalement.

     
  15. CW Says:
  16. Un NDD (nom de domaine) n'a rien à voir avec le favicon pour le gadget membre.
    Il faut aller configurer et placer une image (le favicon par exemple)dans son profil

     
  17. Montishow Says:
  18. Thanks ça déchire à mort

     
  19. Mary skaya Says:
  20. Merci!!! Même pour une néophyte j'ai réussi du premier coup!!!

     
  21. ca marche nickel, par contre j'ai du refaire plusieurs fois l'icone parceque ca pixelisait au debut, la c'est nickel. Merci.

     

Enregistrer un commentaire

Blog 100% dofollow. Faites en 1 suffisamment long pour que google prenne en compte votre commentaire et hop, à vous le lien.
Le blog n'est plus à jour mais je valide toujours les bons commentaires, les autres passent en spam