Tutofaf

Un blog d'aide fait par les femmes au foyer pour les cyberquiches !

24 mars 2008

Illustrer les rubriques par des photos

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 style="text-align: center;">&nbsp;</p>

<p style="text-align: center;"><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 style="text-align: center;">&nbsp;</p>

<p style="text-align: center;"><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://p0.storage.canalblog.com/07/80/249516/17635445.jpg adresse url de la photo" /></a>
</p>

<p style="text-align: center;">&nbsp;</p>

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

<p style="text-align: center;"><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://p6.storage.canalblog.com/66/60/249516/15666844.jpg" /></a>

</p>

<p style="text-align: center;"><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://p5.storage.canalblog.com/53/04/249516/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!

Posté par Lavande34 à 08:55 - 5- Mode avancé - Commentaires [1] - Permalien [#]

Commentaires

    Bonsoir...
    merci bcp pour ce tuto. J'ai réussi a illustrer mes catégories le seul souci c'est que je ne sais pas comment on fait pour recopier sur toutes les pages.
    pouvez-vous m'aider? merci

    Posté par karine100705, 16 mai 2008 à 19:15

Poster un commentaire







Haut de Page