Comment ajouter une favicon

Une favicon est la petite image apparaissant, juste avant l'url d'un site dans la barre d'adresse de votre navigateur.
C'est un plus pour un site ou un blog qui devient facilement repérable dans les favoris par exemple.

Avoir sa propre favicon pour son blog est très simple, il faudra simplement la rendre visible par les différents navigateurs.

Internet Explorer exige une extension en .ico pour l'image mais on peut choisir ce qu'on veut pour que la favicon soit visible avec Mozilla/Firefox.

Il faut une taille de 16px X 16px ou de 32px X 32px pour la favicon (attention au nombre de couleurs et ne réduisez jamais votre image avant de la convertir en icône)
Vous pouvez convertir une image en icône avec le logiciel photofiltre par exemple, mais ce n'est pas le seul.

Une particularité d'Internet Explorer 6 : la favicon ne peut apparaître que si le blog est ajouté aux favoris (et parfois ça ne fonctionne pas malgré cela)

Voici les deux codes à ajouter pour que votre favicon apparaisse :

<link href="http://adresse-de-la-favicon.ico" type="image/x-icon" rel="shortcut icon" />

<link href="http://adresse-de-la-favicon.png" type="image/png" rel="icon" />

l'extension en .png est un exemple, vous pouvez choisir celle que vous voulez, .jpg ou gif et même dans un format vidéo .mpg.

Cependant, si votre favicon a une extension en .ico nul besoin de mettre le deuxième code, le premier suffit.
Vous pouvez choisir de mettre les deux codes dans le cas où vous désirez des favicons différentes selon les navigateurs.

Dans un blog4ever, le mieux est d'insérer les codes dans la bordure de page si vous possédez une des deux versions payantes, Silver ou Gold.

Sinon, en version gratuite, vous pourrez toujours les placer dans chaque article ainsi que dans la page d'accueil, pour cela :

Cochez le mode html, copier et coller les codes en bas de l'article, puis décochez le code html avant de valider l'article ou la page d'accueil.



Il faut héberger la favicon, sur photomaniak .com par exemple




01/12/2007
0 Poster un commentaire

A découvrir aussi