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
Liens de Technorati
VOTEZ MALTE, VOTEZ MALTE, VOTEZ MALTEEEEEEEEEEEEEE !!!!!MALTE OUI MALTE OUI, MALTE, OUI, OUI, OUI !!
MALTE, OUI, MALTE, OUI, MALTE, OUI, OUI, OUI !!!VOTEZ MALTEEEEEEEEEEEEEEEEEUUUUUUUUUUUUUUU !!ALLEZ MALTE, ALLEZ MALTE, ALLEZ…
Morte de rire
=^.^=
PS : j’te croyais corse mouah, t’es maltaise maintenant…c’est nouveau cha…
Roh je savais même pas que ça s’appelle un favicon, je me coucherais moins bête ce soir.
Tu as bien fait de venir alors
=^.^=
Bouououououh !!! Ca marche pas …
J’ai essayé les deux solutions. On dirait qu’over-blog ne veut pas. Mon icône ne s’affiche ni dans Firefix ni dans Safari …
Heureusement que la musique est super !
Ben si pourtant ça marche, je l’ai fait en même temps que le tuto sur GNV et ça marche nickel sur Firefox et IE (dixit Frida parce que moi je peux pas voir). Pour Safari en revanche, je ne crois pas qu’on puisse voir les favicon malheureusement. (perso quel que soit le site, je n’ai jamais de favicon sur safari)
=^.^=
Super, merci, ça faisait un moment que je cherchais comment faire.
C’est chose faite ;-))
Bien contente que tu aies pu trouver ton bonheur grâce au chat qui
@ bientôt alors ? 
=^.^=
Eh bien, pour moi le bonheur c’est pas pour tout de suite, parce que j’ai bien suivi toute la procédure qu’elle est rudement bien faite d’ailleurs, mais ça ne marche pas, lalala…
Je vais continuer mes bidouillages, mais pour l’instant c’est surtout la honte-euh, bouhouhhouhouhohuohuohou…
Si tu n’as pas de pied de page sur ton blog, il faut en créer un en “texte libre”, écrire quelquechose dedans avant de passer en mode HTML (si tu ne veux pas qu’on puisse le lire tu l’écris dans la même couleur que ton fond de page) et ensuite tu peux coller ta ligne de code et ça marche !
=^.^=
C’est génial comme idée! Me reste plus qu’à trouver une image et à essayer… le plus dur quoi!
Le dessin qui se trouve dans ta bannière serait un excellent choix bien représentatif !!
Tiens moi au courant quand c’est fait
=^.^=
Je suis a la ramasse comme d’hab…
j’ai essaye, ca n’a pas marché… mais je sais que les codes html and co c’est pas des potes a moi…
je vais reessayer et y arriver nomdidjiuuu
Yul a eu du mal aussi mais a fini par y arriver !
Pourtant, c’est promis, il n’y a rien de compliqué mais si tu as des questions n’hésite pas !
Parfois, il suffit de tout effacer et de recommencer du début et ça marche, c’est bizarre (enfin surtout chez OB….)
=^.^=
Je n’y arrive pas non plus! j’ai réessayé plusieurs fois mais rien à faire… Snif
Je commence à avoir mal aux yeux à force de relire les étapes et chercher ce que j’ai pu râter!
Il y avait deux toutes petites erreurs dans ta ligne de code, je t’ai envoyé un petit mail et ça devrait marcher à présent
=^.^=
Bon,ben voilà, comme d’habitude, j’y arrive pas… C’est pas faute d’avoir fait comme t’as dit, mais rien qu’en copiant-collant le code, je suppose que je me suis trompée… Snif.
T’en fais pas, je crois qu’OB n’y met pas du sien non plus
Je t’ai envoyé un petit e-mail qui t’aidera (j’espère)
=^.^=
bon ben pardon mais ça ne marche pas non plus …dès que je valide over-blog change la ligne de code en lui rajoutant des chiffres!
Encore un sale coup d’OB
Regarde dans ta boîte
=^.^=