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

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

Bon autant vous le dire tout de suite, le chat n’y panne que dalle en informatique…

En revanche, le chat bidouille, trucmuche, copie-colle, arrange, détourne et se fait fi des codes pour arriver au résultat qu’elle espère… Le pire dans tout ça c’est que, le chat étant fan de gadgets en tous genres, elle est sans arrêt à l’affut de nouveaux trucs ou machins pour elle-même ou pour son site…

Ce blog est (fièrement) propulsé par Wordpress qui a récemment fait sa toute dernière mise à jour ! Le chat ne pouvait pas passer à côté et dès ce matin tôt (8h…enfin 9h puisqu’on a changé d’heure…) elle a entamé la migration de l’ancienne version vers la nouvelle (après sauvegarde de sa base my-SQL et de tous ses fichiers : ouf !)

Au final, ravie : rien n’avait merdouillé…le chat se délecte alors des nouveautés du tableau de bord Wordpress qui est plus joli, plus clair, avec des nouveautés sympas…

…jusqu’au moment où elle décide de poster une image sur un nouvel article et là…rien… une petite fenêtre s’ouvre mais toute blanche… sans rien dedans…. Pour poster un lien vers un autre site…pareil…même combat : fenêtre vide…

LA CATA…!!!

Question sur le forum francophone de Wordpress, quelques réponses qui ne résolvent pas le problème puis d’autres utilisateurs disent avoir le même problème mais toujours pas de solution !!!

Finalement c’est sur le forum anglophone de Wordpress que la solution a été trouvée ! Il est apparu que le problème ne survenait qu’avec le navigateur Firefox. Ni une, ni deux, le chat ouvre Safari (Le chat « opère » sous Mac, toute « apple addict » qu’elle est…) et là tout fonctionne correctement ! Bon au pire, c’est toujours une solution de rechange en attendant…

Mais sur le forum anglophone, finalement, on s’avise qu’il suffit tout simplement de vider cache et information perso de firefox ! Après un petit redémarrage de son navigateur préféré : ça y’est !!!! Tout remarche !!! ouf !!!

Vous allez pouvoir continuer à avoir des textes « imagés » et des « link » dans tous les sens : Sauvés !!!!

=^.^=