Favicon et Blogspot

Vous avez un blog sur Blogspot. Grand bien vous fasse. Mais vous voudriez un peu le personnaliser, notamment par l'ajout d'une petite favicon. Voilà la marche à suivre.

Une favicon què és aixo ?

Pour la page wikipedia cliquez ici.

Une favicon, ou icône des favoris, est une icône qui sert à symboliser un site. Généralement c'est une variante du logotype de l'entreprise ou du propriétaire du site.

Avec une favicon on se sent tout de suite chez soi :-).

De quoi j'ai besoin ?

D'abord d'une icône.

Pour ce faire je conseille de créer deux fichiers de 32 × 32 pixels (16 ×16 ça marche aussi). Vous pouvez créer vos fichiers avec un logiciel comme The Gimp.

Les formats seront le png et le ico. Ces deux formats acceptent la transparence, vous pouvez vous amusez avec.

Attention aux conventions de nommage : pas d'espace, pas d'accent et évitez les majuscules.

Ensuite d'un endroit pour stocker les fichiers.

Personnellement j'utilise mon serveur. Si vous ne disposez d'hébergement perso en plus de Blogspot, mettez vos fichiers en ligne avec Blogspot et récupérer leur adresse.

HTML

La mise en place d'un favicon se fait par l'insertion d'une balise HTML. Voici le code :

Pour tout le monde :

<link rel="icon" type="image/png" href="/fav.png" />

Pour Internet Explorer :

<link rel="shortcut icon" href="/fav.ico" />

L'attribut href doit contenir le chemin absolu de votre fichier.

Dans Blogspot

J'utilise la nouvelle interface.

Dans celle-ci cliquer sur « Modèle » dans le menu à gauche de l'écran. Cliquer sur « modifier le code html ». Une fenêtre s'ouvre.

Le code de votre blog est plutôt complexe, donc faisons simple. Chercher la ligne avec la balise « title », coller votre code à la ligne en dessous.

Cliquer sur « enregistrer le modèle » puis sur « fermer ».

Voilà c'est fait.

Un exemple perso.

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.

La discussion continue ailleurs

URL de rétrolien : http://blog.philippe-poisse.eu/index.php?trackback/22

Fil des commentaires de ce billet