​ ​​​​La question a souvent été posée dans le forum, et comme il y a pas mal de javascripts sur mon blog, je me devais de mettre quelques explications (d'autant plus que cet article servira de référence plus tard).
Parmi les scripts que l'on peut télécharger sur internet, certains doivent être insérés dans la partie HEADER de la page oueb. C'était nécessaire pour les anciens navigateurs, mais plus maintenant. Il suffit qu'ils soient placés au bon endroit.
De manière générale, un script qui doit impérativement être lancé avant le chargement complet de la page devra être placée le plus haut possible dans celle-ci (donc dans le bloc d'entête). A l'inverse, si ce n'est pas absolument nécessaire, on le placera le plus bas possible (et où ça? dans le pied de page). Ceci s'explique par le fonctionnement de la page web: elle est affichée dans son ordre de chargement: le texte le plus en haut est affiché avant les texte le plus en bas. Il est donc plus agréable pour le visiteur de voir le contenu (qui demeure le sujet essentiel de la page) puis seulement la fioriture (souvent le cas de l'utilisation du javascript). De plus, certains scripts agissent sur le contenu de la page, donc si celle-ci n'est pas complètement chargée, le script ne trouve pas de matière sur laquelle agir.
Ces explications fournies, passons au vif du sujet: insérer du javascript.
Il existe deux possibilités d'insertion:

• l'insertion inline : le script est directement positionné dans la page ;
  
• l'insertion include : le script est contenu dans un fichier externe, ce fichier devrait porter l'extension .js (ex: monscript.js)
  

• Insertion inline:
  <script type="text/javascript">
  // <!--
  alert("Je suis un script inline");
  // -->
  </script>
  
• Insertion include:
  <script type="text/javascript" src="monfichier.js"></script>

//<!--
alert("Je suis un script include");
//-->

Niveaux:

1. Créez votre icône (au format ico), avec votre éditeur préféré. Votre icône doit avoir une taille de 16x16 pixels. Si vous n'avez pas d'éditeur d'icône, allez faire un tour sur cet éditeur en ligne : ImageAuthor ou ce convertisseur : Favicon From Pics
   
2. Sauvez votre icône, nommez-là favicon.ico et placez-là dans le répertoire Mes fichiers de votre blog.
3. Téléchargez mon script favicon.zip, décompressez, éditez le fichier favicon.js avec votre éditeur de texte favori (pas Word, ni WordPad !!).
   
4. Changez la ligne
   var icon_url = "http://data.over-blog-com/lib/Z/Y/XXYZ/files/favicon.ico"; en var icon_url
   afin que ABCDEFG représente votre numéro de blog.
5. Enregistrez et placez le fichier favicon.js dans le répertoire Mes fichiers de votre blog.
6. Dans l'administration de votre blog, allez dans Design, Editer les blocs, Editer le pied de page.
   Passez en mode HTML (celui avec tous les petits signes cabalistiques).
   et saisissez la ligne suivante :
   <script type="text/javascript" </script>