Faire un index en image sans être en mode avancé

Publié le par Lavande

Cela fait un moment que cela me trotte. Les cuisinières de la blogopshère apprécient d'avoir des index en images dans leurs colonnes. Le truc c'est que tout le monde pense que c'est l'apanage du mode avancé. mais en fait c'est out à fait possible en mode normal.
Comme il est possible d'insérer une image et de lui ajouter un lien, le prinicpe sera absolument le même.

1 - Pour commencer il vous faudra créer une vignette par catégorie. Cela n'est pas obligatoire (une image d'un plat pouvant suffire) mais cela vous permettra d'ajouter sur celle ci le nom de la catégorie qu'elle désigne ce qui est bien plus sympa!
Vous ne savez pas faire cela?
Pas de panique! Damoureo ou Fabhyène vous aideront dans cette tâche!

Une fois ceci fait, imaginons que vous ayez des images comme celle ci pour chacune de vos catégories :

Soupes

2- Vous allez alors charger votre image sur canalblog pour générer une adresse de cette façon : (cela est ni plus ni moins que la procédure pour mettre une image dans un nouveau message!)

- dans un nouveau message
- vous cliquez sur Image_2
- vous parcourez pour trouver votre image et surtout vous décochez les deux cases ("créer une miniature" et "afficher l'image à taille originale") comme ci dessous

Image_3

- Bien sûr vous cliquez sur "envoyez ce fichier"
- une fois votre image dans votre éditeur, donc sur votre nouveau message, bien devant vous, vous cliquez sur Image_4 pour passer en mode html
- là votre code apparait ce qui va donner par exemple :

<p style="text-align: center;"><img width="112" height="150" border="0" alt="Soupes" src="http://lignepapilles.hautetfort.com/files/design/24739963_p.jpg" /></p>

3 - Vous copiez la partie en rouge et vous aller ensuite dans vos liens d'amis en cliquant sur "Contenu" et "Liens d'amis"

Image_6

- sur la première ligne vous copiez l'adresse de votre image de cette façon
- sur la deuxième ligne vous mettez le lien vers votre catégorie : pour avoir ce lien il vous suffit d'aller sur votre blog dans "toutes les archives", de cliquer sur la catégorie qui vous intéresse et de copier l'adresse qui va s'afficher dans votre barre de navigation
- ensuite vous ajoutez le nom de votre catégorie de liens à savoir dans l'exemple ci dessous "index des recettes"

Image_8

4 - Procédez ainsi de suite pour toutes vos catégories!

Et voilà un bel index en mode normal!

N'oubliez pas que nous pouvons réaliser pour vous cet index. Ecrivez moi pour un devis!

Publié dans Canalblog

Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
N
<br /> Merci beaucoup !<br /> <br /> <br />
Répondre
S
Je veux que les images apparaissent à la place de par exemple le titre "Archives", ou à la place de "Catégories", où encore "Contacter l'auteur".<br /> Une image pour chaque bloc.
Répondre
L
<br /> ce tuto n'est pas destiné à cela, désoée. pour faire ce que tu veux il faut être en mode avancé<br /> <br /> <br />
S
J'ai suivi le tuto à la lettre mais mes images s'affichent dans mes liens!<br /> Et si je supprime ensuite la catégorie d'origine, les liens ne fonctionnerons plus?<br /> Répondez s'il vous plait.<br /> Merci d'avance.
Répondre
L
<br /> heu là je ne suis pas sûre de bien comprendre la question... <br /> <br /> <br />
L
Merci beaucoup!! Génial! <br /> Grâce à ce conseil, j'ai pu avancer pour créer une 1ère vignette réussie.<br /> Par contre, j'avais déjà crée antérieurement des noms de categories (index de recettes sans image). Cela fait donc doublon à présent.<br /> Que se passera t-il maintenant si je supprime le nom d'une catégorie existante? <br /> Vais-je perdre donc automatiquement toutes les recettes associées ou cela n'aura t-il aucune incidence ? Vu le dilemme; je préfère attendre avant de supprimer tout le contenu de 6 mois de blog.<br /> Merci encore pour les éclaircissements si fortement appréciés!!
Répondre
L
Bonjour,<br /> <br /> Merci pour les astuces! J'ai tout essayé et ça n'a pas marché!<br /> Voici l'adresse de mon image<br /> <br /> <br /> Et le lien vers archives<br /> http://maramiams.canalblog.com/archives/00__mes_zaperos_gourmands_et_rigolos/index.html<br /> <br /> Bien que les explications soienrt claire et mon suivi à la lettre, quelque chose ne passe pas.<br /> Est-ce que je pourrai avoir un peu d'assistance svp? Merci par avance pour l'initiative fortement appréciée.<br /> A bientôt j'espère.
Répondre
L
<br /> Le lien vers ton image ne s'est pas affiché mais ce que je peux te dire c'est que le nom de ta catégorie trois kilomètres de long et que du coup il n'y pas assez de place dans le champ. Il faut que<br /> tu raccourcisses le nom de ta catégorie. Et si il en est de même pour ton image, change le.<br /> <br /> <br />