Si vous avez remarqué, depuis quelques semaines j’ai installé un nouveau favicon (favicone en français !!!) sur mon blog ! Le favicon est la petite image qui est sensée illustrer le blog et ses raccourcis.
Bien sur cet élément devient tout a fait utile pour les utilisateurs de Firefox qui peuvent y ouvrir plusieurs fenêtres a l’aide de « tabs » ainsi que dans la barre d’adresse et sur le titre des fils RSS…(voir photos)
Quelques petites instructions a ce sujet !
- Alors d’abord, munissez vous d’un peu de créativité et créez une image de 16x16 pixels, et sauvergardez la au format *.ICO. Si vous avez la flemme, ce site va en créer un pour vous à partir de n’importe quelle image !!! (attention pour Blogger, n’utiliser que le format 16x16 !)
ou voir le commentaire+rectificatif du bas et sauvez au format PNG... (notamment avec Irfanview) .
- Votre image.ico en poche, il faut l’héberger quelque part sur Internet pour pouvoir le visionner sur votre site. La plupart des sites (y compris blogger) n’herbergent pas les images de format ICO….grrr
Les seuls disponibles sont le site Favatar (qui n’a pas fonctionné pour moi…) et Ripway.
OU alors avec une image format PNG, hebergez sur google dans un nouvel article! (a effacer ensuite)
-Notez l’adresse où est stocké le favicon, par exemple copiez collez dans Notepad (la mienne est http://h1.ripway.com/sardinet/favicon.ico)
-Le plus difficile est fait ! Allez juste dans votre template et tapez ceci, entre les deux tags qui disent head et head avec des chapeaux autour... (desole blogger refuse d'ecrire le teste qu'il prends pour de l'HTML grrr le voici en image):
-Sauvegardez votre template et admirez le resultat !
Et voila !!!
J’espère vous avoir aide a créer une addition originale a vot’p’tit blog !!!
Rectificatif!!!
a la suite des commentaires du Piou, je fais l'essai avec son favicon au format PNG et voila!!!
donc ne sauvez pas au format ICO mais au format PNG et publiez votre photo dans Blogger, c'est bien plus facile!!!! merci Piou!
![[Valid Atom]](http://photos1.blogger.com/img/28/3899/640/valid-atom.jpg "Validate my Atom feed"){kind=small}
11 commentaires:
Merci!
Note que tu peux sauver ton image chez blogger, suffit juste de la mettre dans un de tes posts comme une quelconque image...
tu recopies le lien, et hop!
Au temps pour moi, 'marche pas mon truc!
salut piou piou!!
ben voui ca sauvegarde pas dans blogger, j'avais essaye et grrrrr.... ;)
par contre j'ai vu que ton favicon sur ton site est sauvegarde au format PNG et que tu l'as effectivement sauvegarde dans Blogger!! donc apparement cela serait une solution beaucoup plus simple!!!
je vais essayer de ce pas, tiens!!!
Merci pour ton conseil il marche tres bien
Tu sais que je t'adore toi, j'ai réussi sa fait un moment que je me prend la tête.
Sa marche également avec un .anim.gif
et votre logo il bouge, pour le créer je suis allé dans http://www.wikistuce.info/doku.php/favicon
sans faire de pub puis j'ai suivi tes conseil Enorme je te remerci
Ca marche pas chez moi. je recois l'erreur:
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 : The element type "link" must be terminated by the matching end-tag "".
:-((
merci les gars! au moins je fais des heureux!!!
bon ben david, ca marche pas car ce petit tour de passe-passe est pour la vieille version de Blogger, oui avant Beta...
pour le nouveau blogger, je te suggere d'aller par ici sur ce site
excuse c'est en anglais...
ouiii ca marche !! merci :) ça faisait un moment que je voulais changer le favicon mais je savais pas comment ça s'appelait x)
Merci pour ces conseils, j'ai utilisé le site : http://www.html-kit.com/favicon/
pour fabriquer l'icone à partir d'une photo. Il vaut mieux choisir quelque chose de très stylisé (je voulais représenter un skieur...). J'ai stocké l'image sur les pages perso de mon fournisseur d'accès. Sur le blog lui-même, cela ne marchait pas.
ps : je pensais me retrouver au café d'oakland aujourd'hui !
Merci c'est royal!
Ca a marché du premier coup sur notre blog www.proboks.blogspot.com
Super
bonjour,
je viens de faire exactement comme tu dis mais ça ne change rien, il y a tjs le B de Blogger qui apparait...
Un conseil?
Merci d'avance!
Enregistrer un commentaire