[Tuto] avoir un logo perso à côté de l'adresse de son site

Avoir un logo perso à côté de l'adresse de son site

A côté des adresses web (URL) il y a par fois de petit icône ou logo qui montre que c'est bien ce site, il apparaît égalemnt dans vos marques page, donc je vais vous monter que même en n'y connaissant rien en HTML, CSS, javasript ou autre on peut arriver à un résultat concluant.

Matériel :

- Avoir un ordinateur
- Un logiciel de dessin informatique (paint, photoshop, etc...)
- Avoir un site web
- Connaître un hébergeur d'images. (noelshack, imageshack)
- Avoir un logo (ou savoir en créer un)

0. Aperçu

Peut-être vous ne voyez pas vraiment de quoi je veut parler, voilà l'image :

Voilà. Votre barre d'adrese peut avoir un desing différant selon votre Navigateur (Firefox, Safari,...), votre suport (PC, MAC, Linux, ...) ou votre thème (module à ajouter qui change le design de votre navigateur)

Pour l'info, ceci est la barre d'adresse, de Firefox, sur MAC OS X. avec le thème par défaut.

1. Choisir son Image

Tout d'abord, il vous faut choisir votre image

Attention : Elle doit fair 16x16 pixels pour ne par subire de déformations.

Il est préférable que votre image soit dans un fond trasparent. Votre imgage doit également être dans un format universel, PNG ou JPG sont les plus courrant, si votre image est sous un autre format ou que vous l'avez modifiée sur un logiciel et que le format n'estz plus le même, ouvrez là dans votre logiciel de dessin, puis aller dans :

Fichier > Enregister sous ...

Et mettez l'un des deux formt ci-dessus (PNG conseillé)

2. Héberger votre image

Aller sur internet, puis aller dans l'hébergeur que vous connaissez. si vous n'en connaissez pas en voici un rapide, NoelShack

Puis cliquez sur Parcourir et retrouvez votre image de format PNG ou JPG et cliquez sur Upload ou Envoyer (selon les hébergeurs)

On va vous donner une page avec pleins de code, pour NoelShack, vous allez devoir copier le code en-dessous de"Lien direct (pour JVC) : "

3. Finalisation.

Copiez le code :

<p>
<link rel="shortcut icon" href="XXX" />
</p>

Puis replacez les XXX par l'adresse de votre image (le lien à copier -> 3ème ligne de paragrephe 2)

un fois votre code prêt, copier le tout dans une rubrique qui permet de mofifier le texte en dessus ou en dessous du site

Pour e-monsite, c'est Configuration > Zones éditable > Zone en bas de votre site ou Balises META suplémentaires [...]

Sauvergardez et voilà, toutes les page de votre site auront ce logo.

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site