Bon alors d’abord un petit point de vocabulaire, ça s’appelle une favicon. C’est la petite icône qui s’affiche sur certains site dans la barre d’adresse du navigateur juste avant l’adresse du site. C’est aussi l’icone qui apparait quand le site est ajouté aux favoris d’Internet Explorer ou aux Marques-pages de Firefox.
Comment ça marche?
D’abord il faut créer l’image. Le plus simple est de prendre une image, puis de se rendre sur un site qui va créer pour vous une fichier favicon.ico à la taille et au format nécessaire. Pour ce blog j’ai utilisé celui-ci mais il en existe bien d’autres :
http://www.graphicsguru.com/favicon.php
Si Photoshop est votre ami vous pouvez créer un fichier au format png avec une taille conseillée de 16 X 16 pixels. Sachez cependant que ce format ne pourra être lu que par les navigateurs les plus récents : IE7 et Firefox je ne sais pas combien. Le .ico lui sera lisible par Internet Explorer 6 et Firefox je ne sais toujours pas combien.
Une fois qu’on a le fichier il faut l’uploader sur le site qui héberge le serveur il sera donc accessible avec une adresse du genre : http://www.monsite.com/favicon.ico
Dernière étape, éditer la page à laquelle on veut associer l’icône et entre les balises
et /HEAD> ajouter la ligne suivante :
Si vous voulez que l’icône sois présente sur toutes les pages vous devez éditer toutes les pages, ou faire des frames enfin c’est votre site débrouillez vous moi je n’y connais rien en HTML.
Et sous Wordpress ?Sous Wordpress c’est dans le fichier header.php du thème que vous utilisez qu’il faut ajouter la ligne. Vous pouvez aussi utiliser un plugin disponible ici :
http://www.digitalramble.com/favicon-manager-wordpress-plugin/
Jeu de briques
Snake
Pacman
Bubble