• C++
  • C#
  • CSS
  • Delphi
  • Java
  • Java Script
  • PHP
  • Python
  • Ruby
  • Sql
  • VB
  • XML/HTML

Téléchargez l'archive. Vous devez ensuite envoyer le fichier Css ainsi que les fichiers JavaScript (Uncompressed pour ma part) sur votre blog. Pour cela, direction Gestionnaire de média puis créez un répertoire SyntaxHighlighter. Dans le répertoire, cliquer sur Activer l'interface avancée pour pouvoir sélectionner tous les fichiers nécessaires.

Vous devez utiliser le Custom Theme pour continuer. Éditez le Css et rajoutez au début:

// COLORATION SYNTAXIQUE
@import url(SyntaxHighlighter/SyntaxHighlighter.css);

Votre Css est maintenant prêt. Toutes les opérations restantes se feront sur votre billet directement. Avant de coller votre code (ici code en C) il faut renseigner SyntaxHighlighter de ce que vous allez faire. Et pour renseigner SyntaxHighlighter, il faut indiquer au billet que l'on va utiliser du code Html:

///html //indique l'utilisation de code html à prendre en compte
<pre name="code" class="c"> // Ou class égale au type de code à coloriser
/* votre code */
</pre> // Pour fermer le bloc
/// // pour revenir en mode Wiki normal

Finalement pour terminer, il reste à inclure les scripts JavaScript à la fin du billet:

<script language="JavaScript" 
 src="/public/SyntaxHighlighter/shCore.js" type="text/javascript"></script>
// Ajouter ici autant de ligne que de type de code (ex: shBrushCpp / shBrushCss...)
<script language="JavaScript" 
 src="/public/SyntaxHighlighter/shBrushCpp.js" type="text/javascript"></script>
<script language="JavaScript" 
 type="text/javascript">dp.SyntaxHighlighter.ClipboardSwf = '/public/SyntaxHighlighter/clipboard.swf';</script>
<script language="JavaScript" 
 type="text/javascript">dp.SyntaxHighlighter.HighlightAll('code');</script>

Voilà, il ne vous reste plus qu'à essayer ;)