La question m’avait déjà été posée il y’a quelques mois par mail et j’y avais répondu par le même biais, mais puisque la demande m’a de nouveau été faite et que j’ai pu constaté que de nombreuses cotonneuses mettent la main à la pâte pour confectionner leurs blogs, autant que l’information soit à portée de main.
Alors comme toujours, commençons par la définition le Favicon est une image représentant votre logo qui mesure 16×16 et qui est affiché dans la barre d’adresse du navigateur, barre de liens, des raccourcis internet bureau, menu des favoris, onglets du navigateur et aussi à côté de votre flux RSS du blog. C’est une composante de votre identité visuelle qui permet la personnalisation d’une part et facilite la reconnaissance de votre blog pour des utilisateurs qui comme moi ouvrent plusieurs pages en même temps.
Pour créer votre favicon
Il existe plusieurs méthodes, je ne parlerais que de celle que j’ai testé. Donc choisissez l’image que vous définir comme votre logo, pour l’avoir tenter, je vous déconseille de prendre n’importe quelle image et de la réduire au 16/16, la compression n’est pas garantie, et l’effet est médiocre voire désastreux. Il vaut mieux ouvrir votre image ou logo dans un logiciel d’édition photo comme Paint.NET et recadrer l’image en 1:1 proportion de la longueur: largeur pour ne garder que les parties pertinentes.
Une fois votre image prête
1- téléchargez votre image soit ici pour les bilingues qui veulent fignoler, soit ici traduit par google translate pour les novices comme moi
2- cliquez sur générer favicon.ico, vous récupérerez un fichier zip contenant environ quatre fichiers, y compris le favicon.ico.
3- ne conservez que le fichier favicon.ico. sur votre disque dur, si vous souhaitez le renommer faites le, mais garder intact l’ extension ico.
4- Téléchargez le fichier favicon sur votre serveur web, pour ceux qui sont hébergés par une plate-forme commune, vous pouvez utiliser Googlesites pour accueillir ce fichier favicon. Une fois téléchargé copier l’emplacement web du fichier qui sera nécessaire à l’étape suivante.
5- Dernière étape, il faut aller dans le css de votre design pour insérer un code, cherchez la ligne qui dit </ head>
Juste au-dessus de la balise « head » de clôture, ajoutez les lignes suivantes:
<link rel= »icon » href= »http://blog.gracebailhache.com/wp-content/uploads/2013/08/favicon.ico » type= »image/x-icon » />
<link rel= »shortcut icon » href= »http://blog.gracebailhache.com/wp-content/uploads/2013/08/favicon.ico » type= »image/x-icon » />
La valeur de l’attribut href aura le lien permanent intégral de l’ico vous avez copié à l’étape 4.
Maintenant, appuyez sur le bouton Enregistrer et publier. Rafraîchissez et votre logo devrait apparaître.
Comme pour les Gravatar je ne m’avance dans les précisions que sur les deux plate-formes que je connais :
Sur WordPress, allez dans l’onglet « Présentation », “Editeur de Thèmes”, choisir le fichier “Entête” ou “header” (header.php) et là vous appliquez ce qui est indiqué à l’étape 5 en collant le code entre les deux balises “head”. Puis mise à jour et rafraîchissement F5.
Sur Overblog, allez dans « documents », « autre fichiers », cliquez sur « ajouter des documents », cherchez votre fichier .ico et cocher la case avant de cliquez sur « Mettre en ligne », votre fichier va apparaitre. En cliquant sur celui ci, vous aurez l’adresse du fichier. Avec le clic droit de la souris, copiez cette adresse. Allez ensuite dans « Configurer », « Mise en page », puis sur le marteau « entête », cliquez sur « Passez en html « et là vous collez le code comme indiqué à l’étape 5 sans chercher de ligne head mais en plaçant à la fin du code déjà existant puis validez. Rafraîchissez et normalement le logo devrait être en place, mais sur Overblog il faut parfois patienter donc ne vous inquiétez pas s’il n’apparaît pas de suite.
Nota -Bene : si vous avez créer votre blog avec le logiciel Artisteer (comme c’est mon cas pour mon site cf gravatar ci-dessus) c’est encore plus simple, je l’ai fais avec Artisteer 3 standard.
Pour Artisteer : une fois votre projet ouvert, allez dans « file », « exporter », puis « site icon (favicon), si vous ne voulez pas créer de favicon, ils vous en proposent, si votre logo est prêt, cliquez sur « insérez une icône à partir du fichier », votre logo se met en place directement. Et là, vous poursuivez votre exportation comme vous l’aviez fait lors de la mise en ligne de votre blog et le tour est joué.
J’avais récolté ces informations sur les favicons sur différents blogs parmi lesquels celui de Amit Agarwal qui m’a le plus aidé par sa simplicité. J’espère que çà va vous aider, n’hésitez pas à me faire signe si vous avez réussi à installer votre logo que j’aille le voir.
Toujours prête à aider les autres toi tu as bon coeur vraiment je lis plus tard j’ai à faire.
Tiens moi au courant alors Ish dès que tu t’y mets !
Okay big boss mais je ne veux pas de blog meme si tu dis que ce serait fun
Je te comprends sweetie mais je ne désespère pas de te convertir quand tu seras à la retraite. LOL
Si j’ai tout compris c’est que les explications sont claires. Pourtant Grace, je constate que votre logo n’apparait plus sur mon ordinateur.
J.L
En effet coach. A chaque changement de design, il faut reconfigurer le tout et ma foi, cela m’a échappé. OUPS !
C’est une option qui me plairais bien ça !
Après , c’est un détail auquel je ne fais moi même jamais attention mais qui attire l’attention quelquefois j’avoue ;
Je tenterais pour sûr , dès que j’aurais un peu de temps pour remettre tous les blogs d’aplomb !
Je pense que tu as mis le doigt sur l’intérêt de la chose Gérald. Ah oui, pas facile en effet de gérer autant d’espaces, j’espère que tu trouveras ce temps dans ton emploi du temps que je sais très chargé…Tiens tu me fais penser que je vais regarder si j’ai fais un article sur cette fonction sur Blogger. Il me semble que c’est beaucoup plus facile à réaliser là bas, que sur WP par exemple.
Oui, en effet sur Blogger, il y a d’emblé un petit espace dedié dans les parametres de mise en page ! il suffit d’uploader la petite image 16×16 !
Quelques fois ça ne s’affiche pas de suite mais d’autres fois oui. sinon il faut juste attendre un peu !
maintenant, je suis tout content dès que je vois les petites favicones de mes blogs ! C’est tout beau !
Gérald Articles récents..BLACK GIRLS ARE AWESOME/ INTERRACIAL RELATIONSHIPS
Oui en effet, c’est un (des rares) avantage de Blogger que j’ai pu vérifié….Et je viens découvrir ton favicon sur Black and fashion et je trouve magnifique de peps !!!
Ah ben c’est super que tu l’aies (enfin) vu ! (je te taquine bien sûr !)
Je suis content d’avoir trouvé ce favicon, idéal pour ce blog-ci ! Tu te doute évidemment, que ce n’est pas moi qui l’ai faite ^^
Le favicon d’un martiniquais au Japon, c’est moi qui l’ai faite ! mais c’était facile ! un point rouge au milieu d’un petit carré blanc !
Gérald Articles récents..Que pensent les hommes de nos cheveux crépus naturels ?
A l’époque j’y faisais très attention surtout quand j’allais répondre aux commentaires sur plusieurs blogs, j’ouvrais plusieurs fenêtres et c’était plus facile pour moi de m’y retrouver. Et puis j’aime beaucoup le mien pour la boutique, il se reconnait bien. Donc çà m’a beaucoup aidé.
CaroLINE
Tant mieux ma douce, moi aussi je l’aime beaucoup, bien que je ne le vois plus aussi souvent qu’avant. Sniff sniff !
ça y est ! pour le blog Un Martiniquais au Japon, j’ai mis une favicone !
c’était super facile finalement et je suis très content ! Je ferai pareil avec les autres blogs !!
Gérald Articles récents..Revue de la gamme Amazing Botanicals : Shampooing au savon noir, Conditionner, Eau démêlante, Huile, Gel
Ouille et dire que je n’avais pas vu ce commentaire….SIC ! Bravo Gérald ! Malheureusement, il me faudra attendre un peu avant de remettre le mien. Le fait d’avoir mis mon site en maintenance a eu une incidence sur celui-ci….Patience !
Oui, j’ai remarque que ton site était en maintenance ! Alors pour l’instant, je reste squatter le blog , si j’ai bien sûr ta permission ^^
et je viens d’apprendre un nouveau mot : sic ! grâce à toi ! Cela veut dire « ainsi » , n’est ce pas ?
Gérald Articles récents..Une immigration Sud-Americaine bien présente au Japon !
Je plaide coupable Gérald, non seulement, je n’avais pas vu ce commentaire, (sic) mais en plus, je n’ai pas fais attention lors de ma dernière visite, alors que généralement çà me saute aux yeux (resic). Etais-je trop subjuguée par ton nouveau design printanier ?
Je suis très content de te lire sur ces commentaires-ci ! Je pensais que tu m’ignorais, que tu me bafouais, que tu me déshonorais … que tu me répudiais ! … ( je ne suis évidemment pas sérieux en disant ça ! mais j’aime bien le ton de la tragédie grecque !) (Après tout , les salonnières n’aiment-elles pas le théâtre ? )
Je suis content que tu aimes mon nouveau décor printanier !
Gérald Articles récents..Une immigration Sud-Americaine bien présente au Japon !
Ma très chère Grace !
je suis très heureux de t’annoncer que tous les blog que tu connais de moi ont maintenant tous leur favicone qui s’affichent !
Un grand merci de m’avoir donné cette merveilleuse idée !!
Gérald Articles récents..BLACK GIRLS ARE AWESOME/ INTERRACIAL RELATIONSHIPS