Le chat qui…

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 !!!!

=^.^=

Vous avez peut-être remarqué depuis quelques jours que le chat avait installé une nouvelle fonctionnalité sympa sur ce blog. Elle s’appelle “Snap Shots” et vous permet de visualiser en image, à l’aide de petites icônes, les sites des différents liens que le chat vous propose dans ses articles ou un peu partout sur son blog.

Ainsi, cet “outil” vous permet de jeter un œil sur d’autres sites sans avoir à quitter “Le chat qui…” Ensuite, libre à vous de décider vous rendre sur le site ou blog en question s’il vous parait digne d’intérêt en cliquant tout simplement sur l’image qui est apparue.

Mais il est vrai que cette fonction peut gêner la navigation de certains d’entre vous. Cependant, vous n’êtes absolument pas obligé de la subir si cela ne vous convient pas (rappelez-vous : le chat est magnanime…. ). Pour cela, il vous suffit de cliquer dans le coin en haut à droite lorsque l’une de ces petites fenêtres s’ouvre et de désactiver cette fonction…

(Pour voir le texte en plus gros, cliquez sur l’image)

Bonne visite

=^.^=