Comment créer des catégories sur Blogger ?


Ça faisait un moment que je n’avais pas proposé de tutoriel pour Blogger, il est grand temps de réparer cette erreur ! Et aujourd’hui, je vais vous montrer comment créer des catégories dans Blogger pour rassembler vos articles par thème. Ça permet de mieux organiser vos posts et d’aider ainsi vos lecteurs à comprendre en un clin d’œil quels sont les sujets abordés sur votre blog.

Créer des catégories Blogger à l’aide des libellés

Sur Blogger, c’est grâce aux libellés que vous allez pouvoir rassembler certains articles. Commencez par réfléchir aux rubriques de votre blog. Par exemple, un blog littéraire pourrait avoir une rubrique “Actualité”, une rubrique “Critiques de livres”, une rubrique “Interviews d’auteurs”… Ces intitulés vont devenir des libellés sur Blogger.

Créer un libellé pour un article précis

Vous pouvez définir un libellé au moment où vous rédigez un article (ou en modifiant un article après l’avoir écrit). Dans la colonne de droite, il suffit de remplir le champ “Libellés” en respectant quelques règles simples :

  • Séparez chaque libellé par une virgule s’il y en a plusieurs ;
  • Mettez une majuscule au début du nom du libellé ;
  • Ecrivez toujours un même libellé de la même manière car Blogger fait une différence entre “Blogosphère” et “Blogosphere” par exemple.

Si je veux ajouter un article à la rubrique Blogosphère, c’est simple :

Ajouter un libellé sur Blogger

Blogger vous propose aussi à chaque fois les libellés déjà créés, “Blabla” et “Blublu” dans l’exemple ci-dessus :)

Associer un libellé à plusieurs articles d’un coup

Vous pouvez également définir des libellés pour plusieurs articles d’un coup. Par exemple, si vous décidez de suivre ce tutoriel mais que votre blog compte déjà plusieurs dizaines d’articles, vous n’allez pas vous amuser à modifier chaque article à la main pour y ajouter un libellé !

Dans ce cas, allez dans la rubrique Articles > Tous de Blogger qui liste tous vos posts. Cochez tous les articles qui appartiennent à une même rubrique (par exemple, si vous voulez créer la catégorie “Tutoriels maquillage”, cochez tous les tutoriels maquillage que vous avez écrits).

Ensuite, cliquez sur l’icône représentant une étiquette au-dessus de la liste de vos articles puis sur “Nouveau libellé” :

Créer un nouveau libellé pour plusieurs articles sur Blogger

Vous n’avez plus qu’à entrer le libellé et cliquer sur “Ok”. Tous vos articles sélectionnés appartiennent désormais à la même catégorie ! Nous allons maintenant passer à l’affichage de ces catégories sur votre blog !

Comment créer des catégories sur Blogger… et les afficher !

Avoir des catégories, c’est bien… mais le but, c’est quand même qu’elles servent à vos lecteurs ! Je vais d’abord vous expliquer comment obtenir le lien de chaque catégorie (qui affiche tous les articles de la catégorie en question). Ensuite, vous pouvez évidemment mettre ce lien où vous le souhaitez (dans votre menu si vous en avez un, dans un widget, etc).

Comme tous les blogs sont faits différemment, je vais vous apprendre à les afficher dans un widget mais ce n’est qu’un exemple de ce qu’il est possible de faire !

Obtenir le lien d’une catégorie Blogger

Toutes les catégories avec Blogger sont construites de la même manière : adresse de votre blog + /search/label/ + libellé.

Adresse d'une catégorie sur Blogger

Commencez donc par déterminer l’adresse de toutes vos catégories et notez-la quelque part de manière à avoir une liste de liens. Par exemple :
– http:⁄⁄monblogsuperparfait.blogspot.fr/search/label/Blogosphère
– http:⁄⁄monblogsuperparfait.blogspot.fr/search/label/Critique%20de%20livres (les espaces dans le nom du libellé sont remplacés par “%20”)

Afficher les catégories dans un widget

Dans la rubrique “Mise en page” de Blogger, cliquez sur “Ajouter un gadget” à l’endroit où vous voulez afficher vos catégories et choisissez le gadget “HTML/Javascript”. Vous allez ensuite recopier le code ci-dessous en le modifiant légèrement :

<div class="categories-blog">
<a href="http://monblogsuperparfait.blogspot.fr/search/label/Blogosphère" title="Articles sur la blogosphère">Blogosphère</a><br />
<a href="http://monblogsuperparfait.blogspot.fr/search/label/Critique%20de%20livres" title="Critiques de livres">Critiques de livres</a>
</div>

Comme vous pouvez le voir, chaque ligne commençant par “a href” correspond à une catégorie et le <br /> à la fin de la ligne permet de sauter une ligne pour que les catégories s’affichent les unes sous les autres. Vous aurez donc autant de lignes comme celle-ci que de catégories. Dans ce code, vous devez indiquer : l’adresse de votre propre catégorie, un titre (“title”) qui ne s’affichera pas sur le blog mais décrit le contenu de la catégorie et enfin, le nom de la catégorie qui s’affichera sur le blog. Par exemple, pour une catégorie “Mary Poppins”, le lien ressemblerait à ça :

<a href="http://monblogsuperparfait.blogspot.fr/search/label/Mary%20Poppins" title="Articles sur Mary Poppins">Mary Poppins</a>

Vous pouvez ensuite donner un titre à votre widget (facultatif) et l’enregistrer.

Widget catégories sur Blogger

Personnaliser l’apparence de chaque lien

Bon, en l’état, vous avez juste une liste de liens qui s’affichent les uns sous les autres mais ce n’est pas spécialement joli ! Nous allons rajouter un peu de code pour mettre en forme les liens. Cette fois-ci, ça se passe dans la rubrique Modèle de Blogger > Modifier le HTML. Si vous n’êtes pas sûr de ce que vous faites, pensez bien à sauvegarder avant de modifier ce fichier car il contrôle tout l’affichage de votre blog !

Dans le code qui s’affiche, cherchez la ligne ]]></b:skin>. Juste avant les crochets, nous allons copier ces lignes :

.categories-blog a {
text-transform:uppercase;   /* Mettre le nom de la catégorie en majuscules */
font-size:1em; 		    /* Taille de la police */
border:1px dotted #777;     /* Style de la bordure (largeur, pointillés, couleur) */
background: #DDD;           /* Couleur du fond (derrière chaque lien) */
color: #333;		    /* Couleur du texte */
margin-bottom: -5px;        /* Marge entre chaque nom de catégorie */
padding:5px;		    /* Espace entre le nom de la catégorie et la bordure */
display:block; 		    /* Pour que le lien prenne toute la largeur du widget */
}

Une fois copié dans le code, ça ressemble à ça :

Code CSS sur Blogger

Pour chaque ligne, je vous ai indiqué à quoi elle correspond, de manière à ce que vous puissiez modifier chaque paramètre comme vous le souhaitez. Quelques précisions :

  • Les couleurs sont exprimées en notation hexadécimale. Pour trouver la couleur de vos rêves, vous pouvez utiliser un site comme Color Hex. Il suffit de choisir en haut du site la couleur qui vous plaît, vous obtiendrez alors son équivalent en hexadécimal. Par exemple, #6eff00 correspond à du vert fluo, #FFFFFF à du blanc, #000000 à du noir…
  • Bordure : pour avoir une bordure pleine à la place d’une bordure en pointillés, il faut remplacer “dotted” par “solid”. Vous pouvez aussi choisir la largeur de la bordure en pixels.

Si tout s’est bien passé, vous obtiendrez un résultat sur votre blog qui ressemble à ça :

Liste des catégories sur Blogger

Bien sûr, vous pouvez aussi vous inspirer de mon tutoriel Ajouter des icônes de réseaux sociaux à son blog Blogger pour mettre des images pour chaque catégorie au lieu d’un simple lien “texte”.

J’espère que cet article vous aidera à créer des catégories sur Blogger pour mieux mettre en valeur tous vos articles !

Vous avez créé des catégories sur votre blog ?
Thèmes : Blogger 

Poster un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

105 commentaires sur “Comment créer des catégories sur Blogger ?

  • marlene

    bonjour,
    je souhaiterais pouvoir insérer des sous-titres dans mes libellées.
    exemple: dans recette salée ajouter entrée, plat……etc
    pourriez-vous me dire comment on peut faire;
    Cordialement
    Marlene

    Répondre à marlene
    • Marlène

      Hello, Blogger ne gère pas de hiérarchisation des libellés donc il faut simplement créer un second libellé (par exemple, une entrée salée aura à la fois le libellé “Entrée” et le libellé “Recette salée”). Ensuite, c’est une question d’affichage : si on veut afficher les entrées salées, il faut le faire via une URL qui combine les deux libellés. Ca ressemblera à ça :
      https://nomdublog.blogspot.fr/search/label/Entrées+Recettes%20salées

      En gros, tu as ton adresse de base suivie de /search/label/ puis tes deux libellés séparés par un + : Blogger ne donnera comme résultat que les articles qui portent à la fois le libellé “Entrées” et le libellé “Recettes salées”.

      Répondre à Marlène
  • Duveau

    Bonsoir,
    Je recherche un moyen de placer sur mon blog de images de type avant/après avec curseur de défilement central. savez-vous ci c’st possible et ci oui comment (j’ai fait l’essai avec “JuxtaposeJS” mais le transfère ne fonctionnent pas correctement;
    Cordialement
    Olivier Duveau

    Répondre à Duveau
    • Marlène

      Bonjour, j’aurais aussi opté pour JuxtaposeJS, il faudrait surtout chercher à comprendre pourquoi ça ne fonctionne pas sur votre blog… mais le sujet n’a rien à voir avec celui de l’article donc je vous conseille de vous tourner plutôt vers un forum pour obtenir de l’aide.

      Répondre à Marlène
    • Duveau

      Merci

      Répondre à Duveau
  • Pinkypie

    Un grand merci !
    Grâce à toi la navigation sur mon site sera plus claire et facile !

    Répondre à Pinkypie
    • Marlène

      Merci à toi, ça fait partie des éléments importants pour les visiteurs !

      Répondre à Marlène
  • discoveRin

    Parfait ce tuto ! Il a marché du tonnerre pour moi :) Merci beaucoup !

    Répondre à discoveRin
  • Mathilde

    Bonjour,
    Merci pour votre tuto très clair. J’ai bien réussi la première partie du tuto, mais je ne trouve pas la ligne ” ]]>” malgré une recherche avec ctrl+F. Est-ce dû au thème (nouvel équivalent des “modèles” si j’ai bien compris) de blogger ?
    Bonne journée,
    Mathilde

    Répondre à Mathilde
    • Marlène

      Hello, cherche simplement la partie /b:skin car elle est toujours présente sur Blogger.

      Répondre à Marlène
  • Violaine

    Bonjour,

    Un grand merci pour ce tutoriel. J’ai suivi les différentes étapes et cela fonctionne très bien.
    Cependant, j’ai le code qui apparait en bandeau en haut du blog… je ne sais pas du tout comment le faire disparaitre…
    Aurais-tu une idée?
    Merciiiiii pour ton aide

    Répondre à Violaine
    • Marlène

      Hello, quand le code apparaît de manière visible sur le blog c’est qu’il n’a pas été copié au bon endroit. De ce fait, il est lu comme si c’était du texte au lieu d’être interprété. Là je vois que tu l’as copié après le tag “body” de ton thème, ce n’est pas là qu’il doit être.

      Répondre à Marlène
    • Violaine

      Merciiii beaucoup pour ton retour, j’ai scrollé le theme doucement et j’ai trouvé!!
      C’est super, merci à toi

      Répondre à Violaine
  • Duveau

    Bonjour,
    Déjà, merci de vos conseils.
    Je me retrouve dans le mêmes cas que OnceUponaTimeleblog je ne trouve pas le code qu’il faut marquer pour personnaliser l’apparence même en faisant ctrl F
    De plus je ne suis pas certains que la fonction s’abonner marche.
    c’est la première fois que je vais aussi loin en informatique.
    Merci de vos conseils
    Cordialement
    Olivier

    Répondre à Duveau
    • Marlène

      Hello Olivier, quand on ne trouve pas un code “exact”, il faut essayer d’en entrer une partie car parfois, il y a des espaces en plus sur le blog et du coup, quand on copie-colle le code tel quel, la fonction recherche ne le trouve pas alors qu’il est bien là mais comporte un saut de ligne par exemple… Du coup, essaie de chercher juste la partie /b:skin par exemple.

      Répondre à Marlène
    • Duveau

      Merci de la réponse, voici la seule chose qui peut correspondre : les trois petit points ce trouvent un peut plus haut au milieu

      Répondre à Duveau
    • Marlène

      Le code ne passe pas dans les commentaires. S’il y a trois petits points, on peut cliquer dessus pour afficher le code à l’intérieur.

      Répondre à Marlène
  • Grain de nous

    Bonjour Marlène… Je me permet de vous contacter car je rencontre un soucis… Ça va faire une vie que je chercher et je ne trouve pas ce qui cloche !!! J’ai suivis votre tuto à la lettre et j’ai effectivement les catégories qui s’affiche sur mon blog mais hier quand j’ai écrit mon premier article et que j’ai voulu le relier une des catégories en question (avec les libellés), je clique sur celle ci et mon article n’apparaît pas dedans… Je ne comprend pas ce que je ne fais pas bien
    J’ai tout re vérifier au moins 10 fois et je bloque !!! Étant totalement novice sur le sujet je m.excuse d’avance si vous avez déjà répondu pour un problème similaire mais là je ne pige plus rien…
    Merci d’avance

    Répondre à Grain
    • Marlène

      Hello, je suis allée jeter un oeil sur le blog… et c’est normal que ça ne fonctionne pas, les liens ne sont pas les mêmes :) Ton libellé s’appelle “* Nos trouvailles” avec une astérisque alors que ton menu renvoie à une autre page, “Nos trouvailles” tout simplement.
      > Ton libellé renvoie à ce lien : http://graindenous.blogspot.fr/search/label/*%20Nos%20trouvailles
      > Ton menu renvoie à ce lien : http://graindenous.blogspot.fr/search/Nos%20trouvailles

      Il faut que les deux liens soient identiques pour que ça fonctionne (utiliser le lien du libellé dans ton menu… ou changer le nom du libellé pour qu’il corresponde à celui du menu). Et ça devrait fonctionner ;)

      Répondre à Marlène
    • Grain de nous

      Ouuuuiiiiiiiiiiiiiiiiiiiiiiiiii !!! Une énorme merci !!! J’ai tellement caler dessus que j’ai même pas fais gaffe que les noms ne correspondaient pas… Je me suis rendue compte aussi que j’avais oublié les “/label” dans le code, donc du coup ca marche beaucoup mieux, forcément !!! Encore un tout grand merci pour tes articles supers simples a comprendre et efficaces, je ne maîtrise pas du tout le html mais grâce à toi j’ai réussi à faire plus ou moins ce que je voulais (mis a part ce foutu menu que ne veut pas se mettre à l’horizontale, mais je pense que c’est plutôt mon thème qui n’accepte pas cette mise en page).
      Gros bisous

      Répondre à Grain
  • Coralie

    Bonjour,
    Je n’arrive pas à aligner les catégories cote à cote pouvez-vous m’aider svp ?

    Répondre à Coralie
    • Marlène

      Bonjour Coralie, le problème a l’air résolu visiblement ;)

      Répondre à Marlène
  • Mirna

    Bonjour Marlene,
    Quelle est la différence entre catégorie et menue ? Est ce la même chose ?
    J’ai trois catégories (ou trois libellés Pâtisserie, Boulangerie et cuisine) Mais je voudrais que quand on clique sur une catégorie on tombe sur une liste de recette et qu’en cliquant sur la recette de son choix j’obtienne l’ouverture de la recette en question. Est ce que c’est ainsi qu’agissent les libellés ?
    Mon blog est toujours en “Travaux” donc fermé et bien que j’ai créé les libellés je n’ ai pas encore publié.

    Répondre à Mirna
    • Marlène

      Hello, catégorie et menu sont deux choses différentes. Pour prendre une comparaison, si tu es dans la cuisine d’un restaurant, le chef a pu préparer une entrée, un plat et un dessert… si tu n’as pas le menu, tu ne peux pas savoir qu’ils existent ;)

      Sur un blog, on crée ses catégories avec les libellés. Et pour que le lecteur puisse utiliser les catégories, on crée un menu avec un lien cliquable qui mène à la catégorie. N’hésite pas à lire mon article sur la création d’un menu simple sur Blogger, je pense que ça t’éclairera un peu sur la façon dont un libellé sert dans un menu.

      Répondre à Marlène
    • mirna

      Bonjour Marlène,
      J’ai bien compris avec ton exemple la différence entre les deux. Ce que je ne comprends pas c’est comment faire le lien entre les deux pour que les lecteurs puissent utiliser les menus. J’ai créé mes menus grâce à ton tuto “la création d’un menu simple sur Blogger”. J’ai bien une barre avec mes trois intitulés “Pâtisserie, Boulangerie, Cuisine” Quand j’écris un article, je selectionne le libellé (patisserie, boulangerie ou cuisine) et je pensais qu’en faisant ainsi mes articles étaient classées pour moi comme pour le lecteur.
      J’ai commencé à publier mes brouillons aujourd’hui mais quand on clique sur “boulangerie” par exemple ça m’affiche “La page que je souhaite ouvrir n’existe pas” et c’est pareil pour mes mentions légales.. As tu besoin d’aller sur le blog pour me répondre ? car du coup je ne l’ai pas ouvert.

      Répondre à mirna
    • Marlène

      Il y a sûrement une erreur dans le lien de ton menu, ce qui expliquerait que ça ne fonctionne pas :) Mais effectivement, sans voir le blog c’est compliqué d’identifier l’erreur exacte.

      Répondre à Marlène
    • mirna

      Ok ! Je vais recommencer l’installation des menus alors

      Répondre à mirna
    • mirna

      J’ai tout recommencé. Et j’ai bien les liens et donc les articles qui s’affichent pour Boulangerie et Cuisine mais dès que je clique dans Pâtisserie ça met le message :
      Aucun article portant le libellé pâtisserie”.
      C’est écrit comme je te le mets avec pâtisserie avec des guillemets à la fin et pas au début et surtout pas de majuscule.
      Sur le code, j’ai bien vu que le premier pâtisserie après label/ n’a pas de majuscule. J’ai beau lui en mettre un, dès que j’enregistre et que je retourne pour vérifier, la majuscule est partie. Alors que sur le deuxième Pâtisserie, qui correspond au titre de ma rubrique, la majuscule reste.
      J’ai mis le blog sur public juste le temps que que tu puisses voir… si tu as le temps. Je suis sûre que ce n’est pas grand chose.
      Deuxièmement, quand j’ai créé mon menu je n’ai pas pu faire la 2ème partie (le code htlm je crois) car je n’ai pas de ]] au niveau du b:skin. J’ai juste . Etant donné que j’aime bien le design de mon menu tel qu’il est, est ce que c’est important de faire cette partie ?
      Je suis désolée pour toutes ces questions :-(

      Répondre à mirna
    • Marlène

      Tu es sûre que tu n’as pas un problème de cache ? Car pour ma part, quand je clique sur ton menu “Pâtisserie”, j’ai bien des articles :) Peut-être que ton navigateur a gardé en mémoire une ancienne version de ta page.

      Répondre à Marlène
    • mirna

      Après le mail que je t’ai envoyé je suis retournée sur la mise en page, j’ai retiré les guillemets et j’ai mis une majuscule à Pâtisserie. Ca refuse toujours la majuscule. Je me suis donc dit tant pis et j’ai modifié le libellé de mes articles en supprimant “Pâtisserie” et en mettant “pâtisserie”. Et du coup j’ai bien Pâtisserie d’écrit sur le blog. En revanche il y a un message qui dit “Affichage des articles dont le libellé est pâtisserie”. Alors je suppose que c’est bon. En tout cas ça me convient ainsi.
      Merci d’avoir pris le temps de regarder.

      Mon blog n’existerait pas sans toi ;-)

      Répondre à mirna
  • Sarah

    J’ai essayé de créer des libellés, mais je me suis arrêté à la première étape, je ne me suis pas occupée de l’esthétique. J’ai demandé à ce que cela m’affiche le nombre de libellé. Or, cela me met bien “musique (2)” mais quand je clique dans musique cela me renvoie que sur l’un des deux articles :(

    Répondre à Sarah
    • Marlène

      J’en vois bien deux pour ma part en cliquant sur “Musique”, que ce soit dans le menu ou dans la sidebar.

      Répondre à Marlène
    • Sarah

      oui parce que je viens de créer l’article photographie. Maintenant la musique marche mais c’est la photographie qui devient un article “fantome”, le problème se passe d’article en article…

      Répondre à Sarah
    • Sarah

      peut etre que je devrais détruire ce blog et essayer de tout reprendre à zéro

      Répondre à Sarah
    • Sarah

      J’ai sous-estimé la difficulté de faire un blog. Il s’agit en effet de réelles compétences.

      Répondre à Sarah
    • Marlène

      C’est normal que ta catégorie Photographie ne contienne aucun article : les deux articles de ton blog que je vois n’ont pas le libellé “Photographie” associé. Pour qu’un article apparaisse dans la catégorie Photographie, il faut qu’il y ait au moins un article avec le libellé “Photographie” dessus.

      Le blogging demande un apprentissage mais ce que tu mémorises te servira à gagner du temps par la suite :)

      Répondre à Marlène
    • Sarah

      Je pensais que si vu que le tag #Photographie apparaît bien en bas de l’article comportant les deux photos de fleurs!

      Répondre à Sarah
    • Marlène

      Je pense que l’article en question ne fait pas partie du flux classique d’articles car il a une mise en forme spécifique, il apparaîtra sûrement dans la catégorie quand un nouvel article sera publié.

      Répondre à Marlène
  • Charlotte

    Je suis en train de monter mon blog et je connais pas grand chose en code mais je pense que ton blog va beaucoup m’aider! Merci :D

    Répondre à Charlotte
  • Samounette

    Bonjour et tout d’abord un énooooooooooooorme merci pour tes tutos!!
    Je suis en train de créer mes catégories mais j’aurai aimé faire des sous catégories.. je m’explique:
    Un “titre” de catégorie Maisons d’Edition et ranger la dedans toutes les ME suivants les libellés… je ne sais pas si je suis claire…
    Peux tu m’aider?

    Répondre à Samounette
    • Marlène

      Hello, il suffit d’affecter deux libellés à tes articles : catégorie & sous-catégorie. Ça permettra à l’article d’apparaître aux deux endroits : soit dans le menu qui donne accès à toutes les maisons d’édition, soit dans la sélection plus spécifique qui concerne telle ou telle maison d’édition.

      Répondre à Marlène
  • Elle.mena

    Hello :)
    Merci beaucoup pour cet article, il m’a beaucoup aidé ! Cependant, j’ai un petit soucis. Les libellés s’affichent sur ma page, mais quand je clique sur une rubrique de mon blog (par exemple “mes lectures finies” ) cela n’affiche aucun résultat. Pourtant, le libellé dit qu’il y a un article. Que dois-je faire ?
    Les libellés, pouvons nous les supprimés sur l’affichage de la page ? Parce que je ne souhaiterais garder que les “rubriques” visibles pour les visiteurs :)
    Merci d’avance :)

    Répondre à Elle.mena
    • Marlène

      Hello, j’ai un message disant que ton blog a été supprimé… donc ça va être difficile de t’aider.

      Répondre à Marlène
    • Elle.mena

      Je suis désolée, entre temps j’ai changé l’adresse du blog et j’ai oublié de corriger mon message ^^’.

      Répondre à Elle.mena
    • Marlène

      Et du coup le problème est résolu ? Quand je clique sur une catégorie je vois bien un article à l’intérieur pour ma part…

      Répondre à Marlène
    • Elle.mena

      En fait les catégories dans le bandeau “labels” (de droite) s’affichent avec le nombre d’articles. Mais je voulais les supprimer, et ne garder que les catégories “horizontales” pour ranger mes articles. Mais quand je clique sur “life tips” ou “j’ai lu” , je ne vois pas mes articles dedans.
      Je ne sais pas où je me suis trompée dans la démarche…Je suis novice et dire que j’ai du mal est un euphémisme lol ^^

      Répondre à Elle.mena
    • Marlène

      Ah, je n’avais pas vu les catégories horizontales, elles sont couvertes par le bandeau d’information sur les cookies quand on ouvre ton blog :)

      Ça ne fonctionne pas parce que le libellé n’est pas le même entre ton menu et l’article. Ton élément de menu “J’ai lu” par exemple renvoie à une page “/search/label/Jai-lu.html”… alors qu’il devrait renvoyer à la page “/search/label/J%27ai%20lu” puisque tu as mis un espace dans le nom du libellé.

      Répondre à Marlène
    • Elle.mena

      :o ! Merci beaucooooup pour ta réponse ! J’ai modifié, et c’est bon :)
      Je tâcherai de rendre les catégories plus visibles en arrivant sur mon blog. Merci beaucoup en tout cas, tu m’as été d’une grande aide !
      A très bientôt :)

      Répondre à Elle.mena
  • Sandra

    Bonjour, j’ai suivi vos indications pour faire des catégories mais impossible de mettre un article dans une de ces catégories :( Ça fait 3 heures que j’y suis, j’en peux plus. HELP ! :(

    Répondre à Sandra
    • Marlène

      Bonjour, je viens de faire un tour sur le blog et ça a pourtant l’air de fonctionner. Quand je clique sur “Mode” dans le menu, je tombe bien sur un article qui porte le libellé “mode”… Quel est le souci ?

      Répondre à Marlène
  • Laulia blabla

    Coucou, merci pour ce superbe article très bien expliqués je pence me lancer bientôt pour créer un menu et des catégories différentes. Jusque là je n’avais pas osé étant nul en codage et n’y connaissant rien mais tu as su rendre ton article très clair ce qui aide beaucoup. Encore merci
    Cordialement
    Laurence de Laulia blabla

    Répondre à Laulia
    • Marlène

      Le principal quand tu débutes est de penser à faire une sauvegarde avant toute modification. Ça te permet d’être plus sereine car si tu te trompes, tu sais que tu pourras facilement revenir en arrière et remettre ton blog en état de marche !

      Répondre à Marlène
    • Laulia blabla

      Merci du conseil oui j’ai lu ton article à ce sujet, je vais faire ça merci beaucoup

      Répondre à Laulia
  • maximus

    salut merci pour ce que vous faites. cependant je n’arrive pas à retrouver ]]>

    Répondre à maximus
    • Marlène

      Bonjour, dans ce cas il faut juste chercher la partie “/b:skin” et voir ce qu’il y a avant pour y placer le code correctement.

      Répondre à Marlène
  • Cristie

    Bonjour Marlène,

    Je profite des vacances pour faire une remise à neuve de mon blog … J’ai donc récupéré un nouveau thème que j’adore. Seulement voilà ma prochaine étape créer des catégories tout en conservant le “curseur” jaune qui se déplace au dessus des boutons. Est-ce possible ?

    Répondre à Cristie
    • Cristie

      Je prends tous les conseils que tu peux me donner. Un grand merci pour toutes ces informations que tu partages.

      Répondre à Cristie
    • Marlène

      Sans voir le code du thème, impossible de répondre… donc il faut tester en faisant une sauvegarde du modèle avant :) Comme ça, si ça ne fonctionne pas, tu peux remettre en place facilement l’ancien modèle.

      Répondre à Marlène
  • gaby

    hello,
    J’avais une petite question, j’ai fait mon menu il a plusieurs catégories mais je n’arrive pas a savoir comment ajouter des articles en plus dans une categorie exemple menu “test produit ” j’aimerais que tous mes articles concerné s’affiche quand je vais sur cette catégorie….

    Répondre à gaby
    • Marlène

      Hello, actuellement dans ton menu tu as mis le lien de pages précises… alors qu’il faut mettre le lien de la catégorie (cf le paragraphe “Obtenir le lien d’une catégorie Blogger” du tuto). Si tu mets le lien de la catégorie, tu retrouveras sur la même page tous les articles qui comportent le libellé de la catégorie en question :)

      Répondre à Marlène
  • ISABELLE

    Bonjour et merci beaucoup.Ceci dit , j’ai suivi à la lettre vos précieux conseils mais aucune catégorie n’apparait sur mon blog..

    Répondre à ISABELLE
    • Marlène

      Bonjour, c’est lié au modèle que vous utilisez. Les intitulés des catégories apparaissent bien quand on clique sur la barre de menu à droite de l’écran sous l’intitulé “Libellés”. Si vous voulez un menu avec un affichage plus classique, mieux vaut opter pour un autre modèle.

      Répondre à Marlène
  • Clemence

    Bonjour, j’aimerais savoir comment faire pour créer des SOUS catégories ? J’ai réussi à faire les catégories mais je ne comprends pas comment faire pour les sous catégories.
    Merci !!

    Répondre à Clemence
    • Marlène

      Bonjour, ton commentaire était passé dans les spams ! Blogger ne permet pas une gestion très fine de la catégorisation. Imaginons que tu veuilles faire une sous-catégorie “Films d’action” dans une catégorie “Films”, il faudrait attribuer à chaque article sur un film d’action les deux libellés (“Films d’action” et “Films”) : ça lui permettrait d’apparaître à la fois dans la liste des films et dans celle des films d’action.

      Ensuite, c’est une histoire de présentation : dans mon exemple, on ferait par exemple apparaître la catégorie “Films” comme rubrique principale et on mettrait “Films d’action” dans un sous-menu… Je ne sais pas si ça t’éclaire !

      Répondre à Marlène
  • Filimoehala

    J’ai créer les rubriques comme vous m’aviez conseillé, mais j’ai refais pareil que mon menu et je ne vois pas l’intérêt ou ( je suis vraiment blondes :-)) )
    Les articles se classent bien ; mais comment intégrés ce principe au menu ?
    Merci Val

    Répondre à Filimoehala
    • Marlène

      Je ne comprends pas trop le problème en fait :) Quand on clique sur “Mes essais – Mes tests” dans le menu du blog, on accède bien à un article qui porte le libellé “Mes essais – Mes tests”… donc ça fonctionne. Le but du menu est d’accéder soit à une page précise, soit à un groupe d’articles sur un sujet précis. Si plusieurs articles portent le libellé “Mes essais – Mes tests”, plusieurs articles seront affichés quand on cliquera sur “Mes essais – Mes tests” dans le menu.

      Répondre à Marlène
  • Angela

    Bonjour,
    Merci pour le tuto! Par contre j’ai du me tromper quelque part parce que ça ne marche pas. j’ai créer les rubriques et ajouté un libellé dans les articles. Mais aucun article ne vient se lier aux rubriques… je pige rien. Merci par avance pour votre aide!
    Angela

    Répondre à Angela
    • Marlène

      Bonjour, il y a effectivement une erreur : dans le menu de droite sur le blog, il manque l’extension .fr dans les liens (par exemple, le lien “Diorama” mène à l’adresse http://barbies80.blogspot/search/label/Diorama, il y a juste .blogspot mais pas .blogspot.fr). Beaucoup d’articles n’ont pas encore de libellé mais en rajoutant le .fr, on voit bien le dernier article en date (Doll Exhibition #2 : Barbie aux Arts Décoratifs) quand on clique sur “Doll Exhibition” dans le menu de droite :)

      Répondre à Marlène
    • Angela

      Wow merci pour ta réponse super rapide! Je suis un peu bêbête sur ce coup là.
      Donc la j’ai réussi à mettre plusieurs articles sous le même libellé. Par contre, les articles sont à la suite les uns des autres, alors que j’aurais souhaité qu’on puisse choisir l’article de son choix sous la catégorie.
      Ex :
      Rubrique : Recette
      – tarte aux pommes
      – tarte aux poires
      etc

      Est-ce possible sur blogger?
      Merci beaucoup!! :)

      Répondre à Angela
    • Marlène

      Je pense qu’on peut lister tous les articles d’une même catégorie “automatiquement” mais seulement en écrivant un code dédié. Il y a des exemples de codes sur le sujet sur le web mais ceux que j’ai trouvés ne proposent pas un tri par catégorie…

      Répondre à Marlène
  • Theo B

    Bonjour, j’aimerais juste savoir si l’on peut créer des libellés sans avoir besoin d’écrire un article pour en créer un.

    Répondre à Theo
    • Marlène

      Bonjour, à ma connaissance il faut avoir écrit des articles pour créer des libellés. On peut le faire soit au niveau d’un article en particulier, soit sur la page qui liste tous les articles en cochant ceux de son choix puis en créant le libellé associé. Bonne soirée !

      Répondre à Marlène
  • Pauline

    Bonjour,
    J’ai bien suivi les différentes étapes pour créer des catégories, mais une fois la page créée, il est indiqué qu’aucun article ne porte le libellé “archives en ligne”. Pourtant plusieurs articles portent ce libellé et j’ai bien vérifié l’orthographe.
    Pouvez-vous m’aider ?

    Répondre à Pauline
    • Marlène

      Bonjour Pauline, je vois qu’entre temps vous avez résolu le problème ! Bien joué ;)

      Répondre à Marlène
  • Delphine

    Bonjour !

    Merci beaucoup pour votre tuto. Je n’y connais absolument rien et j’ai -presque- tout compris.

    Moi je n’arrive pas à mettre le titre des catégories en blanc. Mais j’ai réussi à mettre sur fond vert.
    Voici le code… je ne comprend pas où est-ce que ça ne fonctionne pas…

    <![CDATA[.categories-blog a {
    font-size:1em; /* Taille de la police */
    border:0px dotted #777; /* Style de la bordure (largeur, pointillés, couleur) */
    background: #67B343; /* Couleur du fond (derrière chaque lien) */
    color: #FFF; /* Couleur du texte */
    margin-bottom: -5px; /* Marge entre chaque nom de catégorie */
    padding:5px; /* Espace entre le nom de la catégorie et la bordure */
    display:block; /* Pour que le lien prenne toute la largeur du widget */
    }
    ———————————————–
    Blogger Template Style
    Name: Simple
    Designer: Josh Peterson

    Répondre à Delphine
    • Marlène

      Bonjour Delphine, c’est parce que dans votre design il y a déjà une instruction précise concernant la couleur des liens… donc celle-ci n’est pas prise en compte.

      Juste après l’accolade }, essayez d’ajouter ça :
      div.categories-blog a {
      color: #FFF;
      }

      Répondre à Marlène
  • Ade

    Bonjour!!

    Merci pour ce tuto super!
    J’ai une question concernant mes pages, je viens de débuter sur blogger , alors un grand merciiii si vous pouviez m’aider!
    J’ai créee des onglets via l’outils “page ” de blogger. Mes onglets sont: recettes, conseils…etc.
    La question est:
    Quand je poste un article, et que je souhaite que celui -ci apparaisse dans l’onglet ” recettes” par exemple, comment dois je faire?
    J’ai compris l’histoire des libéllés mais cela ne place pas mon article dans l’onglet désiré.

    Mercii beaucoup de votre aide.
    Ade

    Répondre à Ade
    • Marlène

      Bonjour, sans le lien du blog je ne peux pas dire où est le problème… car en suivant le tutoriel, l’article doit bien se retrouver dans une catégorie. Si ce n’est pas le cas, c’est sans doute lié à l’oubli d’une étape ;)

      Répondre à Marlène
    • Ade

      Bonsoir,

      En fait j’ai fait un test et publié un article ” vocabulario de reposteria” dans lequel j’ai placé un libellé ” consejos” et je pensais que cet article allait se retrouver dans l’onglet ” conseils- consejos” et pas du tout…
      Je vous laisse l’adresse du blog.

      Encore merci de votre réponse, c’est génial d’avoir de l’aide!
      Bonne soirée

      Répondre à Ade
    • Marlène

      Merci ! Je comprends mieux pourquoi ça ne fonctionne pas : dans votre menu, le lien de l’onglet est http://mademoisellepatisse.blogspot.fr/p/blog-page_37.html… alors que pour afficher les articles de la rubrique Consejos, il faudrait utiliser le lien http://mademoisellepatisse.blogspot.fr/search/label/Consejos. L’onglet dont vous parlez est à l’heure actuelle une simple page, il ne peut donc pas afficher une liste d’articles :)

      Répondre à Marlène
    • Ade

      Bonjour Marlène,

      Merci de vos réponses!!

      Mais alors comment puis-je faire?
      Il y a certains blog sur lesquels dans l’onglet “recettes” par exemples, on clique dessus et la liste des recettes publiées y est présentes.
      Comment font-ils pour ajouter tous les liens des articles dans cet onglet “recette”?

      Ce que je souhaite, c’est que lorsque je publie un article, je puisse l’ajouter dans mes différents onglets.

      Merci encore pour votre patience!
      Adeline

      Répondre à Ade
    • Marlène

      Bonjour, il suffit de changer le lien de l’onglet (à l’endroit où vous avez mis le lien vers la page, vous mettez celui vers la liste des recettes).

      Répondre à Marlène
    • Ade

      C’est ça que je ne comprends pas, c’est que je n’ai mis aucun lien! J’ai juste crée mes onglets et j’ai ajouté dans le premier article publié un libéllé, mais je n’ai pas ajouté de lien.

      Répondre à Ade
    • Marlène

      Je pense qu’on ne parle pas de la même chose en fait ;) Je parle du menu en haut du blog, présenté sous forme d’onglets (Accueil, Bienvenue, Recettes, etc). Dans ce menu, le lien “Conseils” dirige le visiteur vers une page avec du texte. S’il doit rediriger vers une rubrique correspondant au libellé Consejos, il faut modifier le menu… et remplacer le lien de la page par celui qui mène à la rubrique (et qui apparaît actuellement dans la colonne de droite du blog, au-dessus de l’encart Facebook).

      Répondre à Marlène
    • Ade

      Bonjour Marlène,

      Un grand merci, j’ai compris concernant le libellé pour cette page consejos.
      Maintenant, si dans ma page “recette”, je souhaite y insérer toutes les recettes sous formes de liens, afin qu’elles y soient regroupées, comment dois-j procéder?

      Merci et belle journée,

      Répondre à Ade
    • Marlène

      Hello, là on sort du sujet de l’article puisqu’il s’agit seulement de faire une liste de liens, il y a une explication assez claire sur ce site pour apprendre à créer un lien.

      Répondre à Marlène
    • Ade

      Re -bonjour Marlène,

      En fait je viens de comprendre à force de recherches sur internet…mon cerveau fume! Il s’agit ” d’ancres”, ces liens qui renvoient à une page.. Donc voilà, je vais continuer car c’est en forgeant…merciii encore pour tout!

      Ade

      Répondre à Ade
  • OnceUponaTimeleblog

    Bonsoir je ne trouve pas le code qu’il faut marquer pour personnaliser l’apparence même en faisant ctrl F

    Répondre à OnceUponaTimeleblog
    • Marlène

      Bonsoir, j’ai jeté un oeil au blog, le code doit se trouver après cette partie :
      #layout .region-inner {
      min-width: 0;
      width: auto;
      }

      Répondre à Marlène
    • OnceUponaTimeleblog

      D’accord je vais regarder je vous tiens au courant merci

      Répondre à OnceUponaTimeleblog
    • OnceUponaTimeleblog

      Bonsoir désolé mais je ne trouve pas snifffff

      Répondre à OnceUponaTimeleblog
    • Marlène

      Je vois ces lignes dans le code de ton blog, du moins s’il porte bien le même nom que ton pseudo :) Donc tu as sans doute loupé la ligne ! Tu as essayé en cherchant juste /b:skin ?

      Répondre à Marlène
  • azranail

    j’ai failli mourir et mangé mon clavier. le code facile pas de soucis. le problème c’est que le libellé ne voulait pas s’affiché dans le bon onglet.
    j’avais mis à propos au lieu de À propos. -_-
    du coup j’efface et je remet en maj et pas moyen il ne voulait pas. du coup j’essaie sans l’accent et il veut pas non plus! grrr.
    donc je réessaie avec l’accent et il veut bien.

    victoiiiiiiire!

    Merci :D

    Donc pour les libellé qui commence avec les accents, c’est plus compliqué quand même -_- mais j’ai réussi ^^

    Répondre à azranail
    • azranail

      omg les fautes d’orthographes. désolé, je n’ai plus les yeux en face des trous! mes excuses -_-

      Répondre à azranail
    • Marlène

      C’est parfois un problème de cache, la première version du libellé “reste en mémoire” et on a l’impression que le changement n’est pas pris en compte :)

      Répondre à Marlène
  • Josiane

    Bonjour et merci pour ce tutoriel. J’ai reussi à créer les categories et sous categories ,cependant je n’arrive pas a y classer les articles déjà publiés.
    Après avoir associer differents libellés aux articles ; vont ils s ‘afficher automatiquement dans les categories et sous categories créer?
    Cordialement!

    Répondre à Josiane
    • Marlène

      Oui, c’est bien ça ! Ca correspond à la partie du tutoriel intitulée “Associer un libellé à plusieurs articles d’un coup”, qui concerne l’ajout de libellés sur des articles déjà publiés.

      Répondre à Marlène
  • Julie

    Merci pour ce tuto!

    Dites moi, pour personnaliser l’apparence de chaque lien, est-il possible de ne pas afficher les catégories en colonne, mais plutôt en ligne, en séparant bien ces différentes catégories? Merci d’avance!

    Répondre à Julie
  • Legeckobleu

    Bonjour et merci pour ce post très pratique. En ce qui me concerne, j’ai réussi à créer mes rubriques, mais pas à les personnaliser car le souci que j’ai c’est : comment on fait pour trouver ]]> quand on a plus de 2500 lignes en langage HTML ? ça fait une demi-heure que je cherche et là, je n’en peux plus.
    Existe-t-il une astuce pour trouver des termes précis facilement ?
    Merci d’avance :)

    Répondre à Legeckobleu
    • Marlène

      Hello, un simple Ctrl+F permet de faire une recherche dans le code HTML (ou Cmd + F sur Mac). Ça ouvre un petit champ de recherche en haut à droite où tu peux taper le bout de code que tu cherches !

      Répondre à Marlène
  • Manue

    J’utilise les libellés pour les catégories avec lesquels j’ai pu faire mon menu du haut mais aussi comme des “tags” pour afficher le nuage de libellés sur mon menu de droite. Par contre je ne les ai pas écrit avec une majuscule à chaque fois.
    Et merci pour l’information sur la définition de libellés pour plusieurs articles, je m’étais amusé à le faire à la main pour quelques articles quand j’ai voulu créer une nouvelle catégorie, la cruche :D

    Répondre à Manue
    • Marlène

      Il faut dire que ce n’est pas ultra ergonomique, personnellement ce qui m’avait donné le plus de fil à retordre la première fois c’est de trouver comment supprimer un libellé.

      Répondre à Marlène
Si vous aimez les articles du site, n'hésitez pas à faire vos achats sur Amazon.fr via ce lien ; il me permettra de toucher une commission grâce au programme Partenaires Amazon EU.