Il s'agit tout d'abord de télécharger ce plugin pour jQuery sur la page Google Code du projet : jqplanize, et de l'installer dans le répertoire js du thème utilisé (si ce répertoire n'existe pas il faut le créer à la racine du répertoire du thème).
Ensuite, ajouter dans le fichier _head.html du thème la ligne suivante :
<script type="text/javascript" src="{{tpl:BlogThemeURL}}/js/planize.js"></script>
Enfin, insérer dans le billet où l'on veut voir apparaître une table des matières le code suivant en syntaxe wiki :
///html
<script type="text/javascript">
$(document).ready(function(){
$('.post *').planize({
min_level: 3,
generate_toc:true,
toc_elem:$('#toc'),
toc_title: 'Table des matières',});
});
</script>
<div id="toc"></div>
///
Ce qui donne :
Titre1
Sous-titre1
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-titre2
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-titre3
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-sous-titre1
Plop. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-sous-titre2
Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros.
Titre2
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-titre1
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-titre2
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-titre3
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-sous-titre1
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis.
Sous-sous-titre2
In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris.
Titre3
Sous-titre1
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-titre2
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-titre3
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.
Sous-sous-titre1
Plop
Sous-sous-titre2
Pwet
Sed dapibus tempus diam. Suspendisse potenti. Nullam auctor tellus. Nullam ultrices tempor eros. Donec at ante. Aliquam erat volutpat. Cras vitae quam sed metus gravida mattis. In hac habitasse platea dictumst. Nullam diam odio, convallis non, faucibus eu, malesuada id, risus. Integer consequat pharetra ligula. Nulla eleifend libero nonummy elit. Morbi accumsan adipiscing mauris. In arcu est, ornare ac, nonummy a, cursus a, dolor. Duis aliquam ullamcorper risus. Aliquam risus.