BlogTuto

Tuto pour blog et assistance blogueur. Dépannage des blogueurs, passage en mode avancé accompagné, relooking blog, bannière pour blog

Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :

http://www.blogtuto.org/

vendredi 04 avril

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 >&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="https://p0.storage.canalblog.com/07/80/249516/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="https://p6.storage.canalblog.com/66/60/249516/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="https://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!

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


Tags : , ,
Posté par Lavande à 19:28 - Index - Commentaires [2] - Permalien [#]



Commentaires

    Merci

    Merci!!! Grace à toi j'ai réussi à illustrer les rubriques!!!

    Bravo pour ce tuto!!

    Posté par Frambois3, lundi 30 juin à 21:36
  • Oh la la j'ai pas tous compris.
    Je voudrais mettre des photos a la place de les catégorie avec un titre.
    Merci et ton blog est super mais tu le sait déjà.
    J'ai fais des changement sur le mien grace à toi.
    Maintenant je vais sauvegarder.
    @ bientôt
    Christelle

    Posté par Doudoue, jeudi 28 août à 18:18

Poster un commentaire







Haut de Page