Ajouter une icône à votre blog (favicon)

Publié le par Francisek

Niveaux:
Juste un petit article pour ajouter une icône pour votre blog dans la barre d'adresse et les favoris du navigateur.
Pourun site Web, vous n'avez pas besoin de ce script, il vous suffit deplacer le code HTML qui va bien dans la balise HEAD de votre page.
Voici la démarche à suivre :

 

  1. Créez votre icône (au format ico), avec votre éditeur préféré. Votre icône doit avoir une taille de 16x16 pixels. Si vous n'avez pas d'éditeur d'icône, allez faire un tour sur cet éditeur en ligne : ImageAuthor ou ce convertisseur : Favicon From Pics
  2. Sauvez votre icône, nommez-là favicon.ico et placez-là dans le répertoire Mes fichiers de votre blog.
  3. Téléchargez mon script favicon.zip, décompressez, éditez le fichier favicon.js avec votre éditeur de texte favori (pas Word, ni WordPad !!).
  4. Changez la ligne
    var icon_url = "http://data.over-blog-com/lib/Z/Y/XXYZ/files/favicon.ico"; en var icon_url
    afin que ABCDEFG représente votre numéro de blog.
  5. Enregistrez et placez le fichier favicon.js dans le répertoire Mes fichiers de votre blog.
  6. Dans l'administration de votre blog, allez dans Design, Editer les blocs, Editer le pied de page.
    Passez en mode HTML (celui avec tous les petits signes cabalistiques).
    et saisissez la ligne suivante :
    <script type="text/javascript" </script>
Et voilà :-)

Internet pose quelques problèmes pour l'affichage de l'icône.
Avec Internet Explorer, il vous faudra valider que le format d'icône est compatible en entrant son adresse dans la barre d'adresse. Si l'icône s'affiche (et qu'elle aux bonnes dimensions) elle pourra aussi s'afficher à coté de l'adresse du site.
Pour ce faire, videz le cache de votre navigateur, rechargez la page de votre blog, puis faites glisser l'icone à la gauche de l'adresse (dans la barre d'adresse) légèrement vers la droite puis relâchez-la :

Publié dans Les inserts

Commenter cet article

Flo Bo'M 23/04/2008 09:08

Oulala que de trucs géniaux!!! Ca fait longtemps que je voulais changer cette icône. Une idée pour ce faire sur typepad? Il n'y a pas le code icon sur le code source de ma page... Merci pour la réponse!

Francisek 16/05/2008 23:36


Il suffit d'éditer le code de la page de header pour placer la balise suivant dans le :


De mémoire il est conseillé de placer le fichier icône dans le dossier de la page d'index...


Frida 09/04/2008 11:35

Moi je voulais juste te remercier... Ca a marché nickel du premier coup et je suis évidemment très fière de moi... et de toi !! ;-)

Kaly Nigellus 08/09/2007 15:04

Bon, C'est Chen Jie qui revient à l'attaque.
Voila, cette fois c'est pour mon second blog, je viens de faire la favicon, mais avec la v2, impossible de mettre la bestiole dans mes documents sur le blog.
Ai-je oublié par hasard qu'il faut être en privilège au moins pour vouloir mettre cette petite chose en ligne (je ne sais plus exactement quand mon premier blog est passé en privilège... donc j'ai un doute!)

Francisek 12/09/2007 19:55

Et oui, les icones ne font pas partie des fichiers autorisés en Confiance.
 

zbul 01/05/2007 00:43

Merci ça marche nickel.

Chen Jie 19/03/2007 23:55

Et ça fonctionne sans problème!! super!!!
Le pied!!
encore merci pour tout!!
sans tous ces blogs d'aide, le mien serait resté à l'âge de pierre!