C'est possible !
Ceux qui naviguent sous Mozilla/Firefox auront pû constater que la tête de P'tite Zoélie s'affiche devant l'adresse url dans la fenêtre de leur navigateur
(enfin, en vrai, c'est la tête de Lain, parce que je voudrais pas vous faire fuir à peine l'adresse chargée) . Idem dans la liste des Bookmarks, mais bon, je me fais pas d'illusion, à part dans MES bookmarks et ceux de Théophraste 
, parce que j'ai des moyens de pression efficaces : 
), ce blog ne doit pas être dans beaucoup de marques-pages.
(Un jour, peut-être, quand je serais célèbre...
)
Bref, normalement, mettre un favicon (i.e. la petite image en question... : icône pour Favorites) se fait via un code en Javascript . Or comme vous le savez, on n'a pas droit au javascript en mode Confiance, ou à peine ...
Cependant, on peut contourner le problème (mais ça ne marche que quand on visualise le blog avec Mozilla/Firefox), avec ce petit script, à mettre au début de l'en-tête en l'éditant en mode HTML:
< link rel="SHORTCUT ICON" href="http://idata.over-blog.com/0/05/85/46/favicon.png" / >
Evidemment, il faut mettre l'adresse de votre propre favicon, que vous aurez préalablement chargé dans vos fichiers over-Blog.
Reste à savoir commen se faire un favicon representatif de votre blog en 16*16 px (c'est pas grand...)
Pour cela, voici un lien que j'ai trouvé super-utile:
Ce site vous permet de transformer n'importe quelle image qui se trouve dans vos fichiers en favicon 16*16 et de tester l'effet à côté d'une adresse url. Par contre, il faut faire attention : il génère un .ico, ce qui, si vous êtes comme moi en Confiance, peut être problématique à utiliser...
Donc, une fois le favicon généré, cliquer sur "Test Favicon" et là, il vous propose deux icône en .png : une en 16*16 et une en 32*32 ...
Ce sont ces images (disponibles également quand on fait "Download favicon files") que j'ai chargé sur mes fichiers de blog et mis dans le code ci-dessus ...
Je vous propose donc un petit concours de favicon (enfin, concours, c'est vite, il n'y a rien à gagner, hein, à part ma grande estime...) :
Créer vos favicon et venez les exposer ici en commentaires de cet article !
( Pour coller une image dans le commentaire, insérer à côté du texte le code
<img src="http://adresse de l'image"/>
en mode Source qu'on fait apparaitre en cliquant sur le bouton
dans la barre en haut de l'espace de texte.)
Vous verez, ce n'est pas si évident de trouver une image visible en si petite taille et qui illustre bien votre blog... Alors, à votre imagination !
Ceux qui naviguent sous Mozilla/Firefox auront pû constater que la tête de P'tite Zoélie s'affiche devant l'adresse url dans la fenêtre de leur navigateur
(enfin, en vrai, c'est la tête de Lain, parce que je voudrais pas vous faire fuir à peine l'adresse chargée) . Idem dans la liste des Bookmarks, mais bon, je me fais pas d'illusion, à part dans MES bookmarks et ceux de Théophraste , parce que j'ai des moyens de pression efficaces : ), ce blog ne doit pas être dans beaucoup de marques-pages. (Un jour, peut-être, quand je serais célèbre...
)Bref, normalement, mettre un favicon (i.e. la petite image en question... : icône pour Favorites) se fait via un code en Javascript . Or comme vous le savez, on n'a pas droit au javascript en mode Confiance, ou à peine ...
Cependant, on peut contourner le problème (mais ça ne marche que quand on visualise le blog avec Mozilla/Firefox), avec ce petit script, à mettre au début de l'en-tête en l'éditant en mode HTML:
< link rel="SHORTCUT ICON" href="http://idata.over-blog.com/0/05/85/46/favicon.png" / >
Evidemment, il faut mettre l'adresse de votre propre favicon, que vous aurez préalablement chargé dans vos fichiers over-Blog.
Reste à savoir commen se faire un favicon representatif de votre blog en 16*16 px (c'est pas grand...)
Pour cela, voici un lien que j'ai trouvé super-utile:
Ce site vous permet de transformer n'importe quelle image qui se trouve dans vos fichiers en favicon 16*16 et de tester l'effet à côté d'une adresse url. Par contre, il faut faire attention : il génère un .ico, ce qui, si vous êtes comme moi en Confiance, peut être problématique à utiliser...
Donc, une fois le favicon généré, cliquer sur "Test Favicon" et là, il vous propose deux icône en .png : une en 16*16 et une en 32*32 ...
Ce sont ces images (disponibles également quand on fait "Download favicon files") que j'ai chargé sur mes fichiers de blog et mis dans le code ci-dessus ...
Je vous propose donc un petit concours de favicon (enfin, concours, c'est vite, il n'y a rien à gagner, hein, à part ma grande estime...) :
Créer vos favicon et venez les exposer ici en commentaires de cet article !
( Pour coller une image dans le commentaire, insérer à côté du texte le code
<img src="http://adresse de l'image"/>
en mode Source qu'on fait apparaitre en cliquant sur le bouton
dans la barre en haut de l'espace de texte.)Vous verez, ce n'est pas si évident de trouver une image visible en si petite taille et qui illustre bien votre blog... Alors, à votre imagination !
par Zoélie
publié dans :
TIP's
Si c'est pas merveilleux ...
' Cliquez moi '
qui permet de revenir tout en haut de la page où on se trouve (d'où amélioration, par rapport à un simple lien sur la page d'accueil).
L'astuce est de Vger et je ne peux trop vous conseiller d'aller faire un tour dans ses Archives Vinéennes.
Le code à mettre est en javascript, mais, Osanah Osanah, il fonctionne même en mode Confiance...
src="http:// ..."
en mettant l'adresse d'une image de vos fichiers OB.
Il est évidemment possible de modifier aussi class="DrteTexte", qui oblige votre image à se justifier à droite (en mode "flottant", c'est-a-dire indépendemment des limites du bloc ou il est inséré), pratique quand on le met tout a la fin d'un article.
Vous trouverez l'icône à peu près partout où il est possible de la mettre, c'est-à-dire partout où on peut insérer un code HTML (il faut passer en mode HTML avant, bien sûr) :
- Dans le pied de page. (Bon, dans l'en-tête on peut aussi, mais c'est moyen intéressant pour un retour en haut de page...)
- Dans chacun des modules Textes Libres.
- A la fin des articles.
(Je suis très enthousiaste.)
Je ne sais pas si vous avez remarqué, mais j'ai tendance à être trèèèès bavarde ...
Et du coup, mes articles en tendance à avoir une longueur en conséquence.
Alors désormais, mon blog s'enrichit de cette icône : Et du coup, mes articles en tendance à avoir une longueur en conséquence.
' Cliquez moi 'qui permet de revenir tout en haut de la page où on se trouve (d'où amélioration, par rapport à un simple lien sur la page d'accueil).
L'astuce est de Vger et je ne peux trop vous conseiller d'aller faire un tour dans ses Archives Vinéennes.
Le code à mettre est en javascript, mais, Osanah Osanah, il fonctionne même en mode Confiance...
<a href="javascript:scroll(0,0)">Pour faire le vôtre, il n'y a qu'à changer l'adresse de l'image :
<img
class="DrteTexte"
src="http://idata.over-blog.com/.../kaos-up.gif" />
</a>
src="http:// ..."
en mettant l'adresse d'une image de vos fichiers OB.
Il est évidemment possible de modifier aussi class="DrteTexte", qui oblige votre image à se justifier à droite (en mode "flottant", c'est-a-dire indépendemment des limites du bloc ou il est inséré), pratique quand on le met tout a la fin d'un article.
Vous trouverez l'icône à peu près partout où il est possible de la mettre, c'est-à-dire partout où on peut insérer un code HTML (il faut passer en mode HTML avant, bien sûr) :
- Dans le pied de page. (Bon, dans l'en-tête on peut aussi, mais c'est moyen intéressant pour un retour en haut de page...)
- Dans chacun des modules Textes Libres.
- A la fin des articles.
(Je suis très enthousiaste.)
par Zoélie
publié dans :
TIP's
