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).
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).
L'ancien code devrait ressembler à ça :
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 !
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.Comment ajouter une favicon dans Blogger
Il faut vous connecter à blogger à partir dehttp://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.
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?
Donc au final faut juste attendre quelque heures pour que ça fonctionne?
Mort de rire devant la traduction.
RépondreSupprimerwe tres cool un size enlever
RépondreSupprimerJe n'arrive sur aucun de mes quatre blogs.
RépondreSupprimerpareil 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épondreSupprimerCe commentaire a été supprimé par l'auteur.
RépondreSupprimerChez moi çà marche, mais je me suis déconnecté puis reconnecté, est-ce pour çà ? Mystère...
RépondreSupprimerXapur,
RépondreSupprimerJ'ai essayé : ça ne fonctionne pas.
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épondreSupprimerpossible car meme celle installée manuellement ne s'affichait plus ...
RépondreSupprimerJe n'ai absolument rien fait et la favicon s'affiche maintenant sans problème ?????
RépondreSupprimerEst 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 :)
je viens de charger mon favicon, mais ça ne s'affiche pas
RépondreSupprimerje verrais demain ...
une question
c'est quoi cette nouvelle interface soufiane ?? j'ai pas ça moi O_o
au début ça ne marchait pas très bien (pas du tout en fait) et puis ils ont du faire une mise à jour.
RépondreSupprimerça marche très bien sur mon blog :)
en tout cas c'était une fonctionnalité qu'il fallait rajouter, merci Blogger
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerHello!
RépondreSupprimerPas 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
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épondreSupprimerSi ça marche, faut juste être patient…
RépondreSupprimerLe Favicon .ico apparaitra après quelques temps… Pour moi, il a fallu près de 24 heures.
…
Merci, ces favicons marche du tonner sur mon blogger.
RépondreSupprimerMerci d'avoir pensé à indiquer qu'il fallait suprimer le bout de code ajouté manuellement pour l'affichage du favicon !
RépondreSupprimerJe 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
RépondreSupprimerNB: et j'ai vérifé... pas de bout de code html mis en place
Et dites; comment fait on pour rajouter un favicon lorsque on utilise la nouvelle interface du blog, dite dynamique?
RépondreSupprimerMoi non plus ça marche pas...
RépondreSupprimer