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 :
- 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
- Sauvez votre icône, nommez-là favicon.ico et placez-là dans le répertoire Mes fichiers de votre blog.
- Téléchargez mon script favicon.zip, décompressez, éditez le fichier favicon.js avec votre éditeur de texte favori (pas Word, ni WordPad !!).
- 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. - Enregistrez et placez le fichier favicon.js dans le répertoire Mes fichiers de votre blog.
- 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 :