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.
Dans le cas présent le code est le suivant :
<p style="text-align: center;"> </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;"> </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://storage.canalblog.com/07/80/249516/17635445.jpg adresse url de la photo" /></a>
</p>
<p style="text-align: center;"> </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://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://storage.canalblog.com/53/04/249516/15669947.jpg" /></a></p>
<p> </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!
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
Poster un commentaire
Rétroliens
URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=140754&pid=8461912
Liens vers des weblogs qui référencent ce message :
Haut de Page
