Les blogeurs débutants s'interrogent souvent sur la façon de créer un index dont les rubriques seraient illustrées par des images.

Alors la condition pour ce tuto est d'être en mode avancé. 
Vous construisez un billet comme celui-ci que vous présentez selon vos envies. Les liens pointeront soit sur un index que vous créerez dans un billet normal soit reprendra les index composés automatiquement par canalblog quand vous sectionnez l'onglet rubrique lors de la rédaction d'un billet.
N'oubliez pas de mettre les liens vers lesquels vous souhaitez voir pointer vos titres de rubrique ET vos photos. Quand tout est comme vous voulez cliquez sur <> dans votre barre d'outil juste au dessus (à côté de l'insertion des photos), et là le code html va apparaitre.

Bar à Soupes

Légumes à la Folie

Féculents

Dans le cas présent le code est le suivant :

<p >&nbsp;</p>

<p ><a href="http://lignepapilles.canalblog.com/archives/2007/07/10/5778396.html adresse vers laquelle la rubrique doit envoyer">Bar à Soupes : nom de la rubrique à personnaliser</a></p>

<p >&nbsp;</p>

<p ><a target="_blank" href="http://lignepapilles.canalblog.com/archives/2007/07/10/5778396.html adresse vers laquelle la photo doit envoyer "><img width="120" height="90" border="0" tittle="Soupe tomato-coing : nom de la photo" src="http://idata.over-blog.com/2/18/61/24/archives/1/17635445.jpg adresse url de la photo" /></a>
</p>

<p >&nbsp;</p>

<p ><a href="http://lignepapilles.canalblog.com/archives/2007/07/27/5768994.html">Légumes à la Folie</a><br /></p>

<p ><a target="_blank" href="http://lignepapilles.canalblog.com/archives/2007/07/27/5768994.html"><img width="120" height="90" border="0" tittle="cheese-cake au poivron rouge" src="http://idata.over-blog.com/2/18/61/24/archives/1/15666844.jpg" /></a>

</p>

<p ><a href="http://lignepapilles.canalblog.com/archives/2007/07/27/5778675.html">Féculents</a><br /><a target="_blank" href="http://lignepapilles.canalblog.com/archives/2007/07/27/5778675.html"><img width="120" height="90" border="0" tittle="Lasagne de Légumes Coco" src="http://idata.over-blog.com/2/18/61/24/archives/1/15669947.jpg" /></a></p>

<p>&nbsp;</p>

C'est ce code que vous allez insérer dans vos colonnes à l'endroit de votre choix.

N'oubliez pas que pour voir votre index sur chaque page, il vous faudra le recopier sur toutes vos pages.
Voilà, c'est aussi simple que ça!

Ce tuto vous est offert pas Cojocano- Merci à elle!