Le chat qui…

Certains d’entre vous ont remarqué que lorsqu’on laisse un commentaire sur ce blog, on peut aussi laisser, en prime, sa bouille à côté ou encore un petit logo représentatif (par exemple mais c’est juste au hasard que Kitruk se permet de dire ça, le logo qui vous sert de favicon mais bon…. hein….ce que Kitruk en dit….)

Cette petite image de vous qui vous ressemble (ou pas) s’appelle un gravatar ! Ainsi, c’est bien plus sympa et on sait tout de suite à qui on a à faire…ou pas…mais bon, ça c’est une autre histoire…

Bref, cette fonction est disponible sur bien des blogs et cela ne vous prendra que 5 minutes montre en main pour vous créer une petite icone d’identité dont vous pourrez griffer le web à loisir sur votre passage.

En fait il suffit juste d’associer l’adresse e-mail dont on se sert pour signer ses commentaires sur les blogs à l’image que vous aurez choisie et Hop ! le tour est joué, voilà votre adresse munie d’une photo ! Ensuite, dès que la fonction est disponible sur un blog et que vous y laisserez votre commentaire (avec ce mail hein, pas un autre), votre « gravatar » s’affichera automatiquement ! C’est chouette, non ?

Alors, allez vite faire un tour sur le site de Gravatar.com, suivez les instructions , clic- clic -clic… et revenez vite poster un commentaire pour voir enfin votre tête de quille transformée en une image qui vous ressemble (ou pas….)

Alors, vous avez choisi ? Tête de quille ou Gravatar…

GravaChatar…

=^.^=

PS : les instructions sont en anglais. C’est assez simple à comprendre, néanmoins, s’il y a quelques non-anglophones parmi vous, laissez un p’tit mot à Kitruk, il vous traduira l’essentiel en moins de deux

La tête que t’as….Non mais y a des jours comme ça….

Et c’est pour tout le monde pareil….

=^.^=

PS : Aucun chaton n’a été maltraité pendant les prises de vues. Ces photos n’ont subi aucune retouche de quelque sorte que ce soit.

Le chat a tout plein de copines de blog qui sont sur une plateforme bien connue : Over-Blog. Et même si le chat blogue aujourd’hui « en indépendante », elle a fait ses débuts de bloggeuse avec O.B. pour son blog Göteborg nous voilà.

Pour filer un p’tit coup de patte à ses copains/pines bloggeuses de chez O.B., le chat a demandé à son chat-pote Kitruk de leur faire un petit tuto super facile pour afficher une petite image devant la barre d’adresse du blog et dans l’onglet. Il s’agit d’un tuto spécial bloggeur/euse-débutant(e) et aussi spécial Over-blog (bien qu’il se peut que cette solution fonctionne aussi pour d’autres plateformes mais je ne l’ai pas testé alors faites-le savoir au chat en commentaire si c’est le cas )

Voilà donc comment fabriquer et mettre en place un favicon pour votre blog :

1/ la méthode la plus simple pour fabriquer un favicon est d’aller sur le site comme http://www.wikistuce.info/doku.php/favicon Suivez toutes les instructions et téléchargez votre favicon en .ico sur votre disque dur. L’avantage de cette solution est que vous pouvez utiliser n’importe quelle photo ou image en votre possession (une image de format carré à la base, c’est quand même mieux )

(Cliquez sur les images pour les agrandir)

2/ Si vous voulez que votre favicon apparaisse quel que soit le navigateur employé pour regarder votre blog, il est impératif de conserver le format « .ico ». (en « .gif », seuls les utilisateurs de firefox le verraient) Malheureusement, Over-Blog ne permet pas aux bloggeurs qui ne sont pas en Premium (payant) ou en niveau Privilège (pas toujours facile à atteindre) d’héberger ce type de fichier. Le plus simple est donc de créer un compte chez Archive-host.com et d’y héberger votre favicon.ico en tant que fichier (et pas en tant qu’image). (Choisissez la formule gratuite !)

3/ Votre favicon.ico est hebergé, récupérez (copiez) son adresse (qui doit ressembler à :

"http://sd-1.archive-host.com/membres/up/0000000
00000000/favicon.ico" )

4/ Sur Over-blog dans votre admin, allez sur l’onglet « configurer » et choisissez « accueil ». Ensuite, cliquez sur le petit marteau en bas à droite dans le pavé « pied de page » ou « texte libre ». Une fenêtre s’ouvre avec ce que vous avez mis dans votre pied de page. Cliquez sur le bouton « HTML » pour passer en mode source

EDIT DU 14 MARS (suite aux problèmes d’insertion rencontrés par quelques lecteurs) :

Si votre blog ne comportait pas encore de pied de page jusqu’à présent, il vous faut en créer un à l’aide d’un bloc « texte libre ».

Ensuite, PENSEZ A ECRIRE UN PETIT MOT EN MODE NORMAL AVANT D’ALLER COLLER VOTRE CODE EN MODE SOURCE ! (Si vous ne voulez pas que votre texte se voit, écrivez le dans la même couleur que le fond de votre pied de page)

5/ Tout en bas des codes, à la toute dernière ligne, recopiez la ligne de code suivante :

(Bien entendu, vous aurez remplacé ce qui est en vert par l’adresse de votre propre favicon récupérée sur Archive.host. au point 3/)

6/ Cliquez, sur « mettre à jour » (vous sortez alors du mode source) puis cliquez sur « valider »

7/ Il ne vous reste plus qu’à vider le cache de votre navigateur (touche F5), à recharger/actualiser votre page et voilà !!! Le tour est joué : Bravo, une petite icône est apparue devant l’adresse de votre blog et dans l’onglet aussi !!!

=^.^=

PS : N’hésitez pas à me poser vos questions en commentaires, je tâcherai d’y répondre au plus vite