Importer votre favicon personnalisée sur Blogger

Par défaut, Blogger affiche sa favicon sur tous les blogs qu'il héberge. Cette favicon est le petit logo de Blogger qui s'affiche sur votre navigateur, juste à cote du nom de votre blog (ou de celui de Blogger) quand vous êtes connecté à votre compte.

Voilà que Blogger nous offre maintenant la possibilité d'importer nos propres favicons personnalisées afin qu'elles s'affichent à la place de celle de la plateforme. 

Pour réaliser cette petite prouesse, il vous suffit de vous connecter à votre compte Blogger, d'aller sur "Eléments de la page" pour le blog où vous voulez changer de favicon et de cliquer sur "Modifier" pour le widget "favicon" qui s'affiche en haut à gauche.

Dans le pop-up qui va s'ouvrir vous aurez la possibilité de choisir dans votre ordinateur l'image que vous voulez afficher entant que favicon en cliquant sur "choisissez un fichier" (je crois que ce message dépend du navigateur que vous utilisez).

Comme indiqué par Blogger, vous devez utiliser une image carrée de taille inférieure à 100 ko.

Après avoir choisi votre fichier image, Blogger vous en montrera un aperçu. Si c'est bon, il ne vous restera plus qu'à cliquer sur "Enregistrer" pour avoir désormais votre favicon personnalisée sur votre blog hébergé par Blogger.

Sachez que si en affichant la page de votre blog vous voyez toujours l'ancienne favicon, c'est juste un petit désagrément avec votre navigateur. Fermez l'onglet où votre blog est affiché, nettoyez la cache de votre navigateur, affichez de nouveau votre blog et ban, vous verrez votre favicon.

Alors, qui se lance ? Qui va tout de suite afficher la favicon personnalisée de son blog ? 

Lire la suite

Problème avec la favicon ?

Certaines personnes m'avaient informé qu'elles avaient des problèmes avec leur favicon qui depuis quelques temps ne s'affiche plus.

Amanda nous informe que le problème est du au fait que l'équipe de Blogger a ajouté la ligne de code suivante (<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>) dans l'élément "'all-head-content'".

Pour remedier à ce problème, il suffit de retrouver la ligne de code de votre favicon et aller la placer juste avant la balise </head>.

Pour ceux qui n'ont pas encore mis une favicon personnelle dans leur Blog, la technique est enseigné ici :

- Une favicon pour votre blog

@ demain

Lire la suite

Une favicon pour votre blog

INFO: Le problème pour "La liste des articles similaires à la fin de chaque billet" est résolu.

Il y a quelques mois, j'avais publié un article sur la possibilité de mettre sa propre favicon à la place de celui proposé par Blogger grâce aux services de Myfavatar. Seulement, depuis quelques temps, ce service n'est pas opérationnel.

Pour ceux qui veulent quand même afficher une favicon, voici comment y parvenir :

1. Se rendre sur ce site pour générer une favicon à partir de n'importe quelle photo. Prendre soin de sauvegarder celle-ci dans votre ordi puis de l'héberger sur Google page creator ou Photobucket.

3. Mettre le code suivant juste après la balise <title><data:blog.pageTitle/></title> en prenant soin de remplacer http://urldevotrefavicon.googlepages.com/favicon1.gif par l'url de la favicon que vous avez herbergé à la première étape.

<link href='http://urldevotrefavicon.googlepages.com/favicon1.gif' rel='shortcut icon'/>

Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog. N'oubliez pas d'ajouter ce blog à vos favoris sur Technorati.

Lire la suite