Suite à l'installation du nouveau design, le blog peut encore présenter quelques erreurs, ou bugs d'affichage. Merci de votre compréhension.

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Aujourd’hui on se retrouve avec une petit tutoriel facile et pratique : comment créer des aperçus d'articles en ajoutant le lien "Lire la suite", et comment modifier l'apparence du lien.

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

C'est parti pour les explications ;)

Créer un aperçu d'article en ajoutant le lien Lire la suite

Pour changer on commence le tutoriel directement sur la page de l'article. Si vous voulez ajouter le lien à un article déjà créé, cliquez sur Articles dans le menu à gauche du tableau de bord, survolez l'article de votre choix, et cliquez sur Modifier qui apparaît sous le nom de l'article :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Vous serez redirigé vers la page de création/modification de l'article.

Il suffit maintenant de choisir l'endroit où vous voulez ajouter le lien.
Par exemple, je souhaite séparer le paragraphe ci-dessous en 2 parties. La première partie (en vert) s'affichera sur la page d'accueil au-dessus du lien "Lire la suite". La 2e partie (en bleu) ne sera pas affiché sur la page d'accueil mais seulement sur la page de l'article.

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Pour cela il faut cliquer juste devant le 2e paragraphe, puis sélectionner l'outil marqueur d'expansion dans la barre d'outils en haut :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Ce trait gris représente la séparation de l'article. Le contenu au-dessus de cette ligne sera affiché sur la page d'accueil avant le lien "Lire la suite". Le contenu en-dessous ne sera affiché que sur la page de l'article.

Visuellement on obtient :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Et sur la page de l'article :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Si vous voulez supprimer l'espace entre les 2 paragraphes alors supprimez la ligne vide au-dessus du trait gris sur la page de modification de l'article :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Personnaliser le lien vers la suite de l'article

Maintenant que vous avez ajouté votre lien et créé votre aperçu, on passe à la personnalisation du lien.

Changer le texte du lien

Pour changer le texte du lien aller sur Mise en Page à partir de votre tableau de bord. Cliquez ensuite sur Modifier sur le widget des Articles du blog :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

A la ligne Texte du lien de la page d'articles vous pouvez définir le texte du lien qui sera affiché. Vous pouvez écrire ce que vous voulez :). Quand vous avez fini cliquez sur Enregistrer tout en bas de la fenêtre :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Modifier l'apparence du lien

Allez dans Modèle à partir du tableau de bord et cliquez sur Modifier le code HTML.
Cliquez sur la flèche noir à gauche de <b:skin>...</b:skin> :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

Cliquez n'importe où dans la boîte de code et appuyez sur Ctrl et F en même temps (ou Cmd et F si vous êtes sur Mac). Dans la boîte de recherche qui s'affiche en haut à droite de la boîte de code collez :
/* Content
Juste au-dessus de cette ligne collez les codes suivant :
/* Apparence des liens vers la suite des articles */

/* Apparence du lien */
.jump-link a {
font-family: Arial;   /* Police */
font-size: 14px;   /* Taille de la police */
color: #FFFFFF;   /* Couleur du lien */
background-color: #87DADD;   /* Couleur de fond */
padding-top: 5px;   /* Espace au-dessus */
padding-bottom: 5px;   /* Espace en-dessous */
padding-left: 10px;   /* Espace à gauche */
padding-right: 10px;   /* Espace à droite */
border-width: 1px;   /* Epaisseur de la bordure */
border-style: solid;   /* Style de la bordure */
border-color: #5DC3DB;   /* Couleur de la bordure */
}

/* Apparence du lien quand survolé par la souris */
.jump-link a:hover {
color: #5DC3DB;   /* Couleur du lien quand survolé par la souris */
background: #ffffff;   /* Couleur de fond du lien quand survolé par la souris */
text-decoration: none;   /* Supprime le trait sous le lien quand on le survol */
}

/* Alignement du lien dans l'article */
.jump-link {
text-align: right;   /* Alignement du lien : left = à gauche ; center = au centre ; right = à droite */
}
Visuellement on obtient :

Afficher un aperçu d'article - Ajouter et modifier le lien Lire la suite sur Blogger

A vous de jouer avec ces paramètres pour obtenir ce que vous voulez.

Pour trouver le code hexadécimal de la couleur souhaitée je vous conseil le site code-couleur.
Si vous voulez supprimer le fond du lien supprimez la ligne :
background-color: #87DADD;
Et les lignes :
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
Car il n'y a plus besoin d'ajouter une espace autour du texte ;)

Si vous voulez supprimer la bordure supprimez les lignes :
border-width: 1px;
border-style: solid;
border-color: #5DC3DB;
Si vous voulez une bordure seulement à :
  • gauche, remplacez border par border-left
  • droite, remplacez border par border-right
  • au-dessus, remplacez border par border-top
  • en-dessous, remplacez border par border-bottom
Exemple avec une bordure seulement à gauche :
border-left-size: 1px;
border-left-style: solid;
border-left-color: #5DC3DB;
Vous voulez remplacer le lien Lire la suite par une image ? Voici le tutoriel qui explique comment faire ;)

A vous de jouer ;)

Autres articles

175 commentaires:

  1. Bonjour!

    Merci pour ce tuto.
    J'avais déjà fais un lien "lire la suite" sur mon blog, mais avec un tuto qui mettait une image (au lieu d'un texte). Ta technique est mieux, mais je n'arrive pas à enlever l'image "proprement", je ne sais pas exactement quelle partie de mon code je dois enlever ou remettre.
    J'ai réussi à enlever l'image mais ensuite mon texte mis dans la boite "Texte du lien de la page d'articles" n'est pas pris en compte.
    Peux-tu m'aider?

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Ça dépend de ce que tu as modifié dans ton thème pour ajouter cette image. Sans regarder ton code je peux te proposer une idée.
      Vas dans Modèle puis Modifier le code HTML. Cliques sur la flèche noir à gauche de <b:skin>...</b:skin> et cliques n'importe où dans la boîte de code.
      Appuies sur Ctrl et F en même temps et colle ceci :

      <b:if cond='data:post.hasJumpLink'>

      Appuies sur Entrer. Tu devrais trouver quelque chose comme ceci :

      <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
      <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
      </b:if>

      Si ce n'est pas le cas remplaces ton code, qui devrait commencer par <b:if cond='data:post.hasJumpLink'> et finir par </b:if>, par celui ci-dessus.

      Supprimer
    2. rien ne marche je n'ai aucun des codes dans mon modèle de base :/

      Supprimer
    3. Bonjour,
      J'ai regardé ton blog et tu as bien les codes donnés dans le tutoriel.
      Avant de faire la recherche, clique bien à l'intérieur de la boîte de code. Ensuite appuie sur Ctrl et F en même temps (ou Cmd et F sur mac). Sinon, un champ de recherche apparaît bien mais en haut de la page web. Or ce champ ne marche pas. Celui qui marche s'ouvre dans la boîte de code.
      Ensuite, vérifies bien que tu n'as pas ajouté d'espace avant ou après les codes à chercher, sinon ça ne marchera pas non plus ;)

      Supprimer
  2. Merci pour ce tuto, malheureusement, moi ca me change absolument tout mon thème, les titres, etc... :/ Une solution?

    RépondreSupprimer
    Réponses
    1. Peux-tu me donner le lien vers ton blog pour que j'y jette un œil ?

      Supprimer
    2. Moi aussi, ça me change tout :/ Peut-être parce que mon modèle est Picture Windows de base et non simple ? Si quelqu'un à une solution... Merci pour tout ces tuto en tout cas ♥

      Supprimer
    3. Bonjour,
      Tu as une erreur dans le code suivant :

      /* Apparence du lien */
      .jump-link a {
      font-family: Walter Turncoat; /* Police */
      font-size: 16px; /* Taille de la police */
      color: #FEFEFE !important;; /* Couleur du lien */
      background-color: #F4BBBB; /* Couleur de fond */
      padding-top: 5px; /* Espace au-dessus */
      padding-bottom: 5px; /* Espace en-dessous */
      padding-left: 10px; /* Espace à gauche */
      padding-right: 10px; /* Espace à droite */
      border-width: 1px; /* Epaisseur de la bordure */
      border-style: solid; /* Style de la bordure */
      border-color: #F69696; /* Couleur de la bordure */
      }

      Tu as 2 signes ; à la ligne :

      color: #FEFEFE !important;; /* Couleur du lien */

      Supprime un des 2 signes.
      Un signe en trop ou en moins entraîne ce genre de problèmes. Tout ce qui suit l'erreur n'est pas ou mal pris en compte par le navigateur. Si le problème persiste vérifies qu'il ne manque pas d'autres signes : ; /* */ { ou } (ou qu'il n'y en a pas en trop) dans tous tes codes CSS.

      Supprimer
    4. Bonjour, j'ai ce problème aussi, mais je ne comprends pas comment le résoudre car il me semble que je n'ai pas 2 signe à la ligne comme vous le dites...

      Merci beaucoup pour les tutos qui sont très bien faits ;) <3

      Supprimer
    5. Bonjour Maelys,
      Tu dois également avoir une erreur dans ton code CSS. Un oubli de signe ou un signe en trop. Cette erreur peut être n'import où dans ton code CSS. Tu as peut-être également supprimé un morceau de code en collant les codes pour l'apparence du lien lire la suite. As-tu essayé de charger ta sauvegarde et de recommencer ?

      Supprimer
  3. Merci pour tous ces tutos!
    J'avais lu que tu étais ouverte aux propositions alors voilà la mienne: je ne trouve nulle part de BONS tutos pour créer des icônes de réseaux sociaux avec effet au survol! J'ai compris le principe etc mais il y a toujours quelque chose qui ne va pas et j'ai abandonné! Alors je serais ravie que tu nous en fasses un, tes explications sont toujours très claires et c'est super appréciable!

    Des bisous!

    RépondreSupprimer
  4. Et hop, 3° tuto mis en place sur le blog.
    Tu es la reine des tutos pour blogger !
    Mille mercis

    RépondreSupprimer
  5. Super bien expliqué! Merci! Je voulais savoir comment tu avais fait pour avoir ta petite présentation avec l'image ronde en haut à droite, j'aimerai beaucoup faire ça aussi, plutôt qu'avec une présentation Google + mais je ne sais pas comment faire :/

    RépondreSupprimer
    Réponses
    1. L'idée est noté sur ma liste de tutoriels à faire ! ;)

      Supprimer
  6. bonjour je cherche comment mettre une image à la place du bouton lire la suite.

    RépondreSupprimer
    Réponses
    1. Bonjour Chouby,

      Pour remplacer le texte par une image il faut modifier le code HTML du lien. Je peux l'expliquer dans un prochain tutoriel :)

      Supprimer
    2. Oui cela m'intéresse car j'ai testé plusieurs méthodes trouvé sur divers blog mais cela ne fonctionne pas alors je me dis étant donné que j'ai le résumé automatique d'article est ce cela qui blogue j'ai mis le résumé automatique trouvé sur le blog modifier les modèles de blogger.

      Supprimer
    3. Bonjour et bien ayez a force de persévérance j'ai réussi OUF!!!

      Supprimer
  7. Fausse joie j'ai réussi mais le hic c'est que les pages sont aussi en lire la suite et quand on ouvre ces pages tout est en doublons à l'intérieur . Alors je suis toujours preneuse du tuto! Pf...

    RépondreSupprimer
  8. Comment dire je suis bornée et persévérante après des heures de batailles j'ai REUSSI Youpi , a priori tout est bon OUF j'ai d'ailleurs fais un tuto sur mon blog car punaise aucun blog n'a fait cela alors que c'est super utile.

    RépondreSupprimer
  9. Coucou, merci pour ce tuto ! Encore une fois, clair et facile, ce qui n'est pas le cas de tous les tutos qu'on peut trouver x) Je te suis discrètement depuis un moment et grâce à tes tutos j'ai pu faire en sorte que mon blog ressemble à quelque chose ! J'ai une suggestion de tuto si tu as le temps plus tard : faire une pied de page/footer en 3 colonnes, un peu comme sur ton blog. J'ai cherché pendant des heures, les seuls tutos que j'ai trouvé sur le sujet sont en anglais/pas clairs et le code qu'ils demandent de supprimer pour installer le module n'existe pas sur mon blog x) Voilà voilà, continues ce que tu fais, c'est extrêmement utile aux noobs dans mon genre xD

    RépondreSupprimer
    Réponses
    1. Coucou Sophie,
      Merci pour les compliments ! ^^
      C'est vrai que j'ai eu pas mal de demandes pour le pied de page, je vais le noter sur ma liste de tutos à faire :)
      PS : I love foxes too ! ;)

      Supprimer
    2. Oui, ils sont tellement mignons, je rêve d'en adopter un =D Merci d'avoir noté la proposition ^^ J'ai une petite question : en désinstallant un module de pages un peu foireux, le header du modèle que j'avais choisi par défaut est réapparu derrière mon header perso, créant une petite bande bleue dégradée à droite. J'ai essayé de trouver un tuto digne de ce nom qui expliquerait comment faire en sorte que le header prenne toute la largeur du blog pour me débarrasser de cette affreuse bande, mais pas moyen xD Je fais donc appel à toi ^^ Voici l'adresse de mon blog : http://sophiejifox.blogspot.fr/

      Supprimer
    3. Bonjour Sophie,
      Tu peux également supprimer l'image de fond bleu derrière ton header. Pour cela cherches le code suivant :

      .content-fauxcolumns .fauxcolumn-inner {

      Remplaces la ligne commençant par :

      background:

      par :

      background: none;

      Et voilà :)

      Supprimer
    4. Ca marche, merci ! ^^ Et puis au moins, maintenant quoi qu'il arrive, j'aurais plus ce fond moche =D

      Supprimer
  10. Hello Catherine, désolée de t'embêter... Ca marche hyper bien, mais je ne comprends pas pourquoi la miniature ne s'affiche pas en entier.. Peux tu me venir en aide ?

    http://aldentebycookdesignleblog.blogspot.fr/

    Bises !

    RépondreSupprimer
    Réponses
    1. Bonjour Lucie,
      En fait les images prennent 100% de la hauteur de la miniature. Cette miniature étant à peu près carré, les images qui sont plus larges vont être coupés sur la largeur.
      Il est possible d'inverser cet ajustement pour que les images s'ajustent à 100% de largeur, mais dans ce cas les images plus grandes en hauteur seront coupés dans la longueur.
      Pour inverser l'ajustement il suffit de changer le code suivant :

      .post-body img {
      width: auto;
      height: 290px;
      margin-left: 1px;
      padding: 0;
      }

      Pour :

      .post-body img {
      width: 100%;
      height: auto;
      margin-left: 1px;
      padding: 0;
      }

      Supprimer
    2. Merci Catherine ! ;) C'est au top !

      Bises

      Supprimer
  11. Bonjour Catherine,
    C'est encore moi et visiblement j'ai toujours du mal avec le code html !!! Promis je me soigne et je potasse tes tutos très régulièrement
    Sinon je n'arrive pas à modifier l'esthétique de mon : lire la suite que je voudrais plus "voyant". En fait je ne comprends pas ce que je dois coller dans ton code et où!!!!!
    Merci pour ton aide toujours au top

    RépondreSupprimer
    Réponses
    1. Bonjour Amélie, tout dépend de ce que tu souhaites faire. Changer la police, la taille de la police, la couleur du lien, la couleur du fond ?
      Chaque ligne du code représente un aspect du lien. Les textes en orange dans mon code correspondent à des commentaires. A chaque ligne j'ai ajouté un commentaire expliquant ce qu'elle définit.
      Par exemple, la ligne :

      font-family: Arial; /* Police */

      va définir la police du lien. Il suffit donc de remplacer Arial (en violet) par le nom de la police que tu souhaites utiliser.

      Supprimer
    2. Au top comme d'hab ! J'y suis arrivée et je suis ravie merciiiiiiiii Catherine

      Supprimer
  12. Ton blog est vraiment super !
    Grâce à toi, j'ai fais plein de modifications sur le mien.
    Est-ce possible de faire en sorte que le lien "Plus d'infos" ouvre l'article dans un nouvel onglet ?
    Merci d'avance

    RépondreSupprimer
    Réponses
    1. Bonjour Cammy,
      Pour cela il faut changer le code HTML du lien "Lire la suite". Vas sur la page Modifier le code HTML. Cliques sur le triangle noir à gauche de <b:skin>...</b:skin> puis cliques n'importe où dans la boîte de code. Appuies sur Ctrl et F en même temps. Dans la boîte de recherche colles :

      <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

      Et appuies sur Entrer.

      Remplaces cette ligne de code par :

      <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title' target="_blank"><data:post.jumpText/></a>

      Sauvegardes, ça devrait marcher :)

      Supprimer
  13. Bonjour, lorsque je repère ... j'ai celui qui s'affiche ;

    <![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name: Simple
    Designer: Josh Peterson
    URL: www.noaesthetic.com
    ----------------------------------------------- */
    du coup de la manip CTRL + f et que je tape ce que l'on chercher ça me met erreur ...

    Un petit coup de pouce ?

    RépondreSupprimer
    Réponses
    1. Bonjour Eva,
      C'est normal qu'en cliquant sur :

      <b:skin>...</b:skin>

      Ceci apparaisse :

      <![CDATA[/*
      -----------------------------------------------
      Blogger Template Style
      Name: Simple
      Designer: Josh Peterson
      URL: www.noaesthetic.com
      ----------------------------------------------- */

      Clique bien dans la boîte de code avant de faire Ctrl + F, sinon une boîte de recherche apparaît bien mais ce n'est pas la bonne. Il faut que la boîte de recherche apparaisse dans la boîte de code et non en haut de la page web.

      Supprimer
  14. Coucou Catherine!

    J'ai fait tout ce que tu as dit pour modifier "lire la suite",j'avais réussi...Récemment j'ai modifié mon code et depuis le lire la suite s'affiche en rouge alors que dans mon code c'est en blanc! je ne comprends pas :'(

    RépondreSupprimer
    Réponses
    1. Bonjour Miss C,

      Tout d'abord tu as 2 fois les codes CSS pour l'apparence du lien "Lire la suite". Il faut que tu en supprimes une.
      Pour les couleurs du lien, veux-tu parler du lien par défaut ou celui quand il est survolé par la souris ?

      Supprimer
    2. Ah oui j'oubliai, j'aimerai aussi que ce lien s'affiche en gras, est ce possible ?

      Supprimer
  15. Bonjour, j'ai un petit soucis avec ce tutoriel ...
    Même si je tape le code pour avoir la couleur du lien en blanc, le lien s'affiche tout de même avec sa couleur "par défaut" qu'on retrouve un peu partout sur le blog, comment pourrais-je faire ?
    Merci et à très vite ! :)

    RépondreSupprimer
    Réponses
    1. Bonjour, tu peux essayer de rajouter !important après le code couleur comme ceci :

      color: #FFFFFF !important;

      Pour mettre le texte en gras rajoutes le code suivant avant le signe } du code CSS :

      font-weight: bold;

      Ce qui donne :

      .jump-link a {
      font-family: Coming Soon;
      font-size: 15px;
      color: #FFFFFF !important;
      background-color: #ea9999;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      border-width: 1px;
      border-style: solid;
      border-color: #ea9999;
      font-weight: bold;
      }

      Supprimer
    2. Ah, parfait! J'avais le même problème avec la couleur et le !important marche parfaitement. Merci encore pour ce tuto.

      Supprimer
  16. Impeccable !
    Je trouve que tes tutos sont vraiment géniaux, j'ai pu grâce à eux avoir un design de blog qui correspond totalement à mes attentes !
    Tu es toujours présente lorsque nous avons besoin de quelques renseignement, franchement bravo !
    Merci et à bientôt ! :)

    RépondreSupprimer
  17. Bonjour ! J'ai aussi un problème avec ce tutoriel, qui au passage est le tutoriel le mieux expliquer de la terre ! Et je crois que je ne remercierai jamais assez toi & ton blog ! :))
    Mais mon, problème est le suivant, j'ai beau mettre ! important après mes couleurs, absolument rien ne se modifie..

    Merci de ton aide ! erine

    RépondreSupprimer
    Réponses
    1. Bonjour Erine,
      De quel élément souhaites-tu changer la couleur ?

      Supprimer
  18. Un grand merci pour les explications, c'était très clair

    RépondreSupprimer
  19. Bonsoir ,
    désolé de te déranger, j'ai cherché sur tous les blogs, et partout dans mon code html impossible de trouver,
    j'aimerais centrer l'image du résumé de chaque article pour que ce soit plus esthétique.
    Est ce que tu saurais comment faire?
    Merci d'avance et encore désolé du dérangement.

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Il te suffit de centrer ton image sur la page de création/modification d'article. Sélectionne ton image, puis sélectionne Centrer dans la barre d'options qui apparaît sous la photo ;)

      Supprimer
  20. Bonsoir,
    Merci pour ce tuto, j'ai décidé de remplacer l'affichage en miniature par l'aperçu d'article.
    Je voulais savoir s'il était possible sur la page d'accueil, de ne pas afficher le nombre de commentaire et les libellés. Mais que les commentaires et libellés soient visibles sous l'article quand il n'est pas en aperçu.
    Merci d'avance.
    Bises

    RépondreSupprimer
    Réponses
    1. Pour cela il faut ajouter un code conditionnel, comme on le fait dans mon tutoriel d'affichage en miniature. Tu peux ajouter un code CSS pour cacher ces éléments sur la page d'accueil seulement. Je vais faire un tutoriel qui explique comment ajouter des conditions. Mais en attendant cherches le code suivant :

      </body>

      Juste au-dessus de ce code colles :

      <!-- CSS pour la page d'accueil -->
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <style type='text/css'>

      span.post-comment-link, span.post-labels {
      display: none;
      }

      </style>
      </b:if>

      Supprimer
    2. Merci beaucoup c'est parfait :D

      Supprimer
  21. Bonjour et merci beaucoup pour tous ces tutos très pratiques !
    J'ai un souci avec le lien "lire la suite", car il n'a pas la même apparence d'un article à l'autre. J'ai d'ailleurs le même problème pour mes titres d'articles :
    http://rabelais-sur-ceze.blogspot.fr/
    Avez-vous une idée de ce qui cloche ?
    Merci beaucoup !

    RépondreSupprimer
  22. Re-bonjour !
    Désolé pour mon message précédent, n'en tenez pas compte car je pense que j'ai un problème d'écran !
    Merci encore pour vos tutoriels si clairs.

    RépondreSupprimer
  23. Bonsoir,

    j'ai téléchargé un template mais il n'affiche que le titre des articles et il faut cliquer dessus pour accéder à l'article entier (texte et photos). J'ai suivi le tutoriel pour essayer d'y remédier mais cela ne fonctionne pas (marqueur d'expansion + impossibilitié de trouver le "/ * content" dans le code html. Je suppose donc qu'il faut changer le code html pour pouvoir avoir un aperçu d'article. Si vous avez des solutions à me proposer, je suis preneuse! En espérant avoir été claire!
    Merci par avance!

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Si cela vient de ton template il faut effectivement modifier le code HTML. Peux-tu m'envoyer le lien vers ton blog pour que je puisse te dire si cela peut se régler sans modifier le code ?

      Supprimer
    2. http://mathyle.blogspot.fr/ Voici le lien vers mon blog! Merci beaucoup de prendre le temps de répondre aux commentaires!

      Supprimer
    3. Essaye de supprimer les guillemets de tes titres d'articles et dis-moi ce que ça donne.

      Supprimer
    4. ça a marché!!! Merci beaucoup pour ton aide! :)

      Supprimer
  24. Coucou,

    Tout d'abord, merci pour tous tes tutos qui m'ont bien servi, c'est vraiment super de prendre le temps de nous expliquer toutes ces choses !

    J'ai réussi à plutôt bien appliquer tous tes conseils jusqu'ici mais je rencontre un petit problème et je ne sais pas d'où il vient.. Je m'explique :
    J'ai réussi à mettre un lien "Lire la suite" sur mon blog test mais je n'arrive pas à changer ni la couleur du texte du lien en blanc lorsque celui-ci n'est pas survolé par la souris, ni la taille du texte.. Or je pensais avoir mis le bon code. Si tu pouvais jeter un oeil ce serait génial :)
    L'adresse du blog est : http://beslys.blogspot.fr

    Merci d'avance !

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Il n'y a pas d'erreur dans ton code, mais un code entre en conflit avec celui pour le lien Lire la suite. Ajoute !important à la fin des lignes du code pour ce lien, avant le signe } comme ceci :

      /* Apparence du lien quand survolé par la souris */
      .jump-link a:hover {
      color: #F6CED8 !important;
      background: #ffffff !important;
      }

      Et :

      /* Apparence du lien */
      .jump-link a {
      font-family: microsoft yi baiti !important;
      font-size: 30px !important;
      color: #FFFFFF !important;
      background-color: #F6CED8;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      border-width: 1px;
      border-style: solid;
      border-color: #F6CED8;
      text-decoration: none !important;
      text-transform: uppercase;
      }

      Supprimer
    2. Merci beaucoup c'est parfait :)

      Juste parce que je suis curieuse (et que je commence à bien aimer le codage ahah), pourrais-tu me dire s'il y a un moyen de savoir quel était le code qui entrait en conflit ? Ce n'est pas très important, donc si tu n'as pas le temps de répondre ne t'en fais pas :)

      Merci encore !

      Supprimer
    3. En fait dans ton thème tu as un code pour les liens des éléments appelé widget :

      .widget a {
      font-family: 'PT sans', sans-serif;
      font-size: 12px;
      text-align: justify;
      color: #848484;
      text-decoration: none;
      }

      Or les articles en font partie, du coup ce code s'appliquant à tous les liens de tes articles, entrait en conflit avec le code qui définissait spécifiquement l'apparence du lien Lire la suite ;)

      Supprimer
    4. Ah d'accord, je savais pas que ce code définissait aussi l'apparence des liens des articles !

      Merci beaucoup pour l'explication :)

      Supprimer
  25. Coucou,

    Je me permet de te déranger une nouvelle fois car je viens de remarquer que lorsque je clique sur le lien "Lire la suite", l'article s'ouvre bien en entier, mais il ne s'ouvre pas en haut de page, donc ça oblige à faire remonter la page jusqu'au début de l'article.. J'aimerais savoir si c'est normal ou non et s'il est possible de modifier ça pour que la page s'ouvre bien au début de l'article ?

    Merci d'avance encore une fois :)

    RépondreSupprimer
    Réponses
    1. Bonjour,
      C'est normal car ce lien renvoie au marquer d'expansion, soit là où le texte s'est arrêté. Pour renvoyer au début de l'article il faudrait modifier le code HTML de ton blog :/

      Supprimer
    2. Ah je comprends mieux ! :p
      Dans ce cas, (si possible) je veux bien que tu notes cette idée de tutoriel ou de "mise à jour" de celui-ci pour quand tu auras un peu de temps alors :)

      À bientôt ! (je suis toujours fourrée sur ton blog de toute manière ahah)

      Supprimer
  26. Salut Catherine, lors que j'insère le marqueur d'expansion je saute des lignes car sinon mon texte et mon "lire la suite" est pratiquement l'un sur l'autre. Le problème c'est que du coup quand on voit la totalité de l'article il y a un espace IMMENSE entre le début de mon texte et le reste qui n'était pas affiché.. Comment y remédier ? Merci !!

    RépondreSupprimer
    Réponses
    1. Bonjour Margaux,
      Au lieu de sauter des lignes tu peux simplement ajouter un espace au-dessus du lien en ajoutant cette ligne :

      margin-top: 20px; /* Espace au-dessus du lien */

      Avant le signe } du code commençant par :

      /* Apparence du lien */
      .jump-link a {

      Supprimer
  27. Merci pour ta réponse mais je n'y arrive pas.
    Même en mettant le code entre .jump-link a { et } le "lire la suite est toujours presque collé en mon texte..

    RépondreSupprimer
    Réponses
    1. Essaye d'ajouter !important avant le signe ; comme ceci :

      margin-top: 20px !important;

      Et avec le code suivant :

      a.jumplink {
      }

      Supprimer
    2. J'ai aussi essayer cette manière, mais ça ne change rien: le "Lire la suite" est toujours aussi proche du texte, voir à l'intérieur. N'y aurait-il pas un autre moyen?

      Abby

      https://baguelle.blogspot.be/

      Supprimer
    3. Bonjour Abby,

      Essaye en remplaçant ton code :

      /* Alignement du lien dans l'article */
      .jump-link {
      text-align: center; /* Alignement du lien : left = à gauche ; center = au centre ; right = à droite */
      }

      Par :

      /* Alignement du lien dans l'article */
      .jump-link {
      text-align: center; /* Alignement du lien : left = à gauche ; center = au centre ; right = à droite */
      display: block;
      margin-top: 10px; /* Espace au-dessus du bouton */
      margin-bottom: 10px; /* Espace en-dessous du bouton */
      }

      Supprimer
  28. Bonjour, bonjour !

    Franchement, merci milel fois pour tous ces tutos clairs, j'ai vraiment bien avancé dans le design de mon blog grâce à toi :)
    J'aurais juste une petite question à te poser : j'ai inclus un widget facebook (le bouton j'aime en bas de page) il y a bon bout de temps à l'époque où je ne m'y connaissais pas du tout en HTML. Aujourd'hui j'aimerais le supprimer mais impossible de le retrouver... Aurais-tu une astuce ?
    Car si on va sur mon blog aujourd'hui, ce bouton s'affiche au mauvais endroit et gâche un peu le reste.

    Je te laisse jeter un coup d'oeil si tu as du temps : www.goodmorningpretty.com

    Merci !
    Eli

    RépondreSupprimer
    Réponses
    1. Bonjour Eli,
      As-tu réussi à le supprimer ? Car je ne le vois pas ;)

      Supprimer
  29. Bonjour,

    Je decouvre ton site ca me donne des envies de changements et je te remercie pour le temps que tu prends à nous expliquer mais
    je ne trouve pas la flèche noir à gauche de ... :
    et je t'avoue que je galere peut tu m'aider?
    merci

    RépondreSupprimer
    Réponses
    1. Bonjour Corinne,
      Si tu ne trouves pas la flèche noir c'est que cette partie est surement déjà ouverte. Passe à l'étape suivante ;)

      Supprimer
  30. Bonjour Catherine, je n'arrive pas à retrouver le gadget qui permet les suggestions d'autres articles enfin de page d'un article! Pourrais tu me l'indiquer s'il te plait ? Merci!

    RépondreSupprimer
    Réponses
    1. Bonjour Laure Ette,
      Je n'ai pas fait d'article sur ce sujet, c'est donc normal que tu ne le trouves pas ;)

      Supprimer
  31. Bonjour !

    Tout d'abord je te remercie pour tous tes conseils très clairs, je suis toute nouvelle sur Blogger, tu es une aide précieuse :)
    J'ai voulu effectuer ce tuto aujourd'hui, je ne sais pas vraiment ce que j'ai modifié mais en enregistrant j'ai eu un soucis : maintenant l'arrière plan extérieur est tout blanc alors qu'avant tout l'arrière plan extérieur était de la même couleur. Maintenant c'est seulement l'entête qui est gris clair et ça me dérange... Je ne sais pas si mes propos on été très clairs.. :/ Est ce que c'est parce que j'ai supprimé quelque chose sur le code html ?
    Merci par avance pour ton aide et ta compréhension.
    A très vite :)

    RépondreSupprimer
    Réponses
    1. Bonjour Aurélie,
      As-tu réglé le problème ?

      Supprimer
  32. Bonjour Catherine,

    Merci pour ce tuto super clair ! J'ai réussi à faire un bouton qui me plaisait à un détail près : J'aimerais que les contours de mon "Lire la suite" soient arrondis, est-ce possible ?
    Il me semble qu'il faut mettre border radius mais où et comment je ne sais pas...

    Merci pour ton aide :)
    Mon blog : www.oboudoirparfume.com

    RépondreSupprimer
    Réponses
    1. Bonjour,
      C'est exactement ça ! Pour rajouter une ligne à ton code CSS, rajoute-le avant le signe } de ce code.
      Rajoute donc ces 2 lignes :

      -webkit-border-radius: 10px 10px 10px 10px;
      border-radius: 10px 10px 10px 10px;

      Avant le signe } du code suivant :

      .jump-link a {
      font-family: parisienne;
      font-size: 24px;
      color: #FFFFFF !important;
      background-color: #b096d4;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 13px;
      border-width: 2px;
      border-style: solid;
      border-color: #804eb6;
      text-decoration: none;
      }

      Comme ceci :

      .jump-link a {
      font-family: parisienne;
      font-size: 24px;
      color: #FFFFFF !important;
      background-color: #b096d4;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 13px;
      border-width: 2px;
      border-style: solid;
      border-color: #804eb6;
      text-decoration: none;
      -webkit-border-radius: 10px 10px 10px 10px;
      border-radius: 10px 10px 10px 10px;
      }

      Tu peux augmenter ou diminuer la valeur des 10px pour augmenter ou diminuer l'arrondi des coins. Et voilà ;)

      Supprimer
  33. Merci beaucoup c'est super !

    C'est chouette de prendre le temps de répondre en détails comme ça :)
    Merci pour tes tutos bien utiles ;)

    Bonne journée !

    RépondreSupprimer
  34. Bonjour
    Merci pour ces nombreuses informations qui permettent de changer des modèles classiques de blogger.
    Nous avons pris une modèle sur internet pour le modifier, c'est plutôt réussi, mais il reste un problème que nous n'arrivons pas à résoudre : pour certains articles, il n'y a pas de photo en aperçu. Pour d'autres, ça marche très bien... Impossible de trouver pourquoi.
    Merci pour votre aide.
    Le blog : http://tnla-2016-orthez.blogspot.fr/

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Le problème vient du thème et la cause peut être n'importe quoi.
      Peut-être que le thème n'affiche les photos qui font une certaine taille minimum ? Essaye de charger des images plus grandes dans les articles qui ont ce problème et voit s'il y a un changement ?
      Malheureusement les thèmes venant de sites comme Themexpose, Sora templates, ou autres, sont pleins de fautes et de bugs :/

      Supprimer
  35. Coucou Catherine !
    Merci encore pour ce tuto, ça fait longtemps que je cherchais à changer l'apparence de ''lire la suite'' :)
    malheureusement, lorsque je cherche dans modifier le code HTLM le liens je ne le trouve pas ... Y aurait-il une autre solution pour réussir à changer l'apparence du ''lire la suite'' ??
    bonne journée !

    RépondreSupprimer
    Réponses
    1. Bonjour Mademoiselle Latinne,
      En regardant ton code tu as pourtant bien :

      /* Content

      Vérifies que tu as bien cliqué dans la boîte de code avant d'appuyer sur Ctrl (ou Cmd sur Mac) et F. Sinon une barre de recherche apparaît bien mais elle ne marche pas. Il faut utiliser la barre de recherche qui s'ouvre en haut à droite de la boîte de code, et non en haut à droite de la page web.

      Vérifies également que tu n'as pas ajouté d'espace avant ou après le code à chercher. Cela peut fausser la recherche ;)

      Supprimer
    2. Coucou ma belle, c'est bon j'ai réussi en effet je cherchais dans la barre de recherche du haut ;)
      en tout cas merci tu fais vraiment des tutos clair et même les plus nulles (comme moi) arrivent à s'y retrouver !

      Supprimer


  36. Merci Catherine !

    Je ne cherchais pas du tout ça, mais je suis tout de même super contente de l'avoir trouvé ! ;)

    Super facile à mettre en pratique, tout est très clair !

    En fait, ce que je cherchais et n'ai pas encore trouvé, c'est le moyen de faire apparaître, dans les post Facebook, le début du texte en plus du titre lorsque j'y partage un lien de mon blog... Tu sais comment faire ?

    Bises et encore merci !!

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Pour ça il faut préciser des balises meta dans le code HTML de ton thème.
      Je compte faire un tuto sur le sujet car c'est un peu compliqué, il y a pas mal de choses à voir et je pense que ça peut intéresser du monde ;)

      Supprimer
    2. Ah oui ! Ah oui !!
      Je suis preneuse ! ;o)
      Merci !!

      Supprimer
  37. Hello,
    Plusieurs questions :
    - comment faire pour que le gadget "vous aimerez peut être" soit sous l'article mais que lorsque l'on rentre sur l'article. Moi il reste en dessous dans la page principale ?
    - comment faire pour centrer le texte "lire la suite" ?

    Merci pour tes réponses :)

    RépondreSupprimer
    Réponses
    1. Bonjour Lola,
      Tu peux "cacher" ton gadget sur les index (page d'accueil, et de recherche) en ajoutant le code suivant :

      <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <style type='text/css'>
      .linkwithin_outer {
      display: none;
      }
      </style>
      </b:if>

      Avant la ligne suivante :

      </body>

      Pour centrer le "lire la suite" il faut remplacer right par center dans le code suivant :

      /* Alignement du lien dans l'article */
      .jump-link {
      text-align: right; /* Alignement du lien : left = à gauche ; center = au centre ; right = à droite */
      }

      Supprimer
  38. MERCI
    http://les-messages-sms.blogspot.com/

    RépondreSupprimer
  39. Bonjour ! Tout d'abord bravo et merci pour ton superbe travail !
    J'ai bien réussi à obtenir ce que je voulais mais je voudrais signaler une petite erreur.
    La ligne
    text-decoration: none; /* Supprime le trait sous le lien quand on le survol */
    n'est pas à ajouter dans "Apparence du lien" mais dans
    "Apparence du lien quand on le survole"
    Sinon cela ne marce pas (enfin pour moi ça n'a pas fonctionné.) Voila !

    RépondreSupprimer
  40. Bonsoir !
    Merci pour ce tuto très clair mais seulement je débute mon blog.
    J'ai donc inséré un marqueur d'expansion entre 2 paragraphes puis lorsque je mets à jour puis vais voir mon blog rien n'a changé ... L'article s'affiche entièrement.

    Auriez vous une solution pour m'éclairer svp ? 😊

    RépondreSupprimer
    Réponses
    1. Bonjour Mailys,
      Le problème peut venir du thème que tu utilises car il fonctionne de manière différente des thèmes basiques de Blogger. Je ne suis pas sur que cela marche avec ce thème :/

      Supprimer
  41. Bonjour Catherine,
    Merci pour ces tutoriels, clairs et précis ! Toutefois, je n'arrive pas à installer le simple bouton "lire la suite", même après avoir suivi tes indications ... Sais-tu pourquoi ?
    Voici mon blog : www.lostindiscovering.com

    De plus, j'aimerais aligner photos et texte dans les articles mais les textes ne s'alignent qu'avec les plus étroites photos et non avec les plus larges ... Merci de ton aide !
    Bonne continuation !

    RépondreSupprimer
    Réponses
    1. Bonjour Catherine,
      Tout simplement parce que le code CSS de l'affichage que tu utilises n'affiche pas le lien lire la suite.
      Mais tu peux modifier ton code pour afficher ce lien.
      Retrouve le code d'affichage en miniature, puis cherche ce code CSS :

      .post.hentry, .entry-content {
      height: 550px; /* Hauteur des images */
      overflow: hidden;
      }

      Remplace-le par :

      .post.hentry, .entry-content {
      height: 570px; /* Hauteur des images */
      overflow: hidden;
      }

      Cherche ensuite :

      h3.post-title.entry-title {
      text-align: center; /* Alignement Titre : left / center / right */
      z-index: 999;
      float: left;
      left: 5%;
      width: 90%;
      margin: 0;
      padding: 0;
      height: 52px;
      position: absolute;
      bottom: 0;
      }

      Remplace-le par :

      h3.post-title.entry-title {
      text-align: center; /* Alignement Titre : left / center / right */
      z-index: 999;
      float: left;
      left: 5%;
      width: 90%;
      margin: 0;
      padding: 0;
      height: 52px;
      position: absolute;
      bottom: 43px;
      }

      Ensuite cherche :

      .jump-link {
      display: none;
      }

      Remplace-le par :

      .jump-link {
      display: block;
      }

      .jump-link > a {
      position: absolute;
      bottom: -48px;
      left: 213.5px;
      z-index: 99;
      }

      Pour finir cherche :

      .post-outer:before {
      display: block;
      position: absolute;
      height: 65px;
      width: 100%;
      content: '';
      background: #ffffff;
      bottom: 0;
      left: 0;
      z-index: 99;
      opacity: 1;
      }

      Remplace-le par :

      .post-outer:before {
      display: block;
      position: absolute;
      height: 101px;
      width: 100%;
      content: '';
      background: #ffffff;
      bottom: 0;
      left: 0;
      z-index: 99;
      opacity: 1;
      }

      Et voilà ;)

      Supprimer
    2. Merci mille fois pour cette explication !!!! :)

      Supprimer
  42. Bonsoir, j'ai appliqué ton tuto mais la couleur de l'ecriture du "lire la suite" je n'arrive pas a la changer... J'ai essayé de modifier toutes les couleurs dans les codes de ton tuto mais je n'y arrive toujours pas... peux-tu m'aider? Merci :)

    RépondreSupprimer
    Réponses
    1. Bonjour Clémentine,
      Vérifie tout d'abord qu'il ne manque pas de signe : ; # /* ou */ dans tes codes CSS ou dans ceux qui précèdent ces codes.
      Un simple oubli d'un de ces signes, et le navigateur peut ne pas prendre en compte les codes qui suivent.

      Supprimer
    2. Mais je n'arrive pas à trouver la ligne de code pour l'écriture des articles, et sachant que je n'y ai jamais touché je ne pense pas avoir enlevé un de ces signes...

      Supprimer
    3. Il faut regarder tous les codes CSS car il suffit d'une seule erreur d’inattention, par exemple en collant les codes on peut supprimer une signe }
      ;)

      Supprimer
  43. J'ai un petit soucis sur ma page d'accueil. J'ai deux articles qui ne veulent plus s'afficher correctement (plus de photo, plus texte). J'ai réussi à trouver le problème en faisant une inspection de la page, ainsi qu'a modifier le code html pour réparer les dégâts. Seulement, impossible d'enregistrer. Ce qui est d'un coté, normal. C'est facile de s'aider de l'inspection pour les bugs graphiques mais là, vu que c'est sur la page d'accueil, je ne trouve pas de solution.

    J'ai essayé d'intégrer les mises à jour directement dans le code html de mon article : cela n'a pas fonctionné.
    J'ai rétabli le brouillon de l'article : cela n'a pas fonctionné.
    J'ai modifié d'une minute l'heure de publication de l'article : cela n'a pas fonctionné.

    J'ai bien peur qu'il n'y ai pas de solution mise à par supprimer complètement l'article et le remettre en ligne, mais si je fais ça, je perd le lien des partages, url etc...

    Peut être aurai-tu une solution ?

    RépondreSupprimer
    Réponses
    1. Bonjour Mlle Sonata,
      Je pense que le problème vient tout simplement des signes " dans les titres de ces articles.
      En fait les extraits des articles sont générés avec du code Javascript qui utilise ces signes pour délimiter les différents éléments. Donc l'ajout des " supplémentaires vient casser le code qui ne fonctionne plus et ne s'affiche pas.
      Remplace les signes " par des signes ' dans les titres de ces articles et dis-moi ce que ça donne.

      Supprimer
    2. Chapeau bas ... C'était ça le soucis ! Cela fonctionne parfaitement. Merci beaucoup ! Je me le note pour la prochaine fois :)
      Encore merci pour ton aide :)

      Supprimer
  44. Merci beaucoup pour ton aide!! J'ai tout compris grâce à toi!
    N'hésite pas à jeter un petit coup d'oeil à mon blog! Il est encore tout jeune! ;)
    Bonne soirée ma jolie!
    https://amalewords.blogspot.fr/

    RépondreSupprimer
  45. bonjour, alors moi j'ai un soucis que je n'arrive pas à régler (ca fait 3h que je suis dessus).
    J'ai ecris mon premier article et je l'ai publié mais voila le probleme, l'appercu s'affiche dans ma page accueil MAIS quand on clique sur "afficher la suite" mon article ne s'affiche pas !
    avant ca j'ai téléchargé un template différent que ceux proposés...peut-ˆetre est il possible que le code est une faille justement à ce niveau la mais je ne sais pas comment corriger ca !

    RépondreSupprimer
    Réponses
    1. Bonjour Anaïs,
      En allant sur ton blog je n'ai pas rencontré le problème. Je suppose que tu as trouvé la solution ?

      Supprimer
  46. Encore une fois bien contente de vous suivre... Mon blog avance à grand pas !

    RépondreSupprimer
  47. Merci beaucoup pour ce tuto ! Par contre, je copie colle le code mais il ne se passe rien, rien ne change sur le blog, pourquoi ?

    RépondreSupprimer
    Réponses
    1. Bonjour Nina,
      Je vois bien ton lien Lire la suite, as-tu réglé ton problème ?

      Supprimer
  48. Bonsoir, je suis en pleine création d'un blog, j'ai essayé de créer ce lien mais je n'ai qu'une barre blanche qui s'affiche.
    De plus, j'aimerais que mes articles soient plus large lorsqu'ils sont affichés sur la page d'accueil car ici, le tout début du texte et à coté de la photo, bref c'est absolument horrible !!
    J'espère que vous pourrez m'aider,
    Merci d'avance

    http://em-avie.blogspot.fr/

    RépondreSupprimer
    Réponses
    1. Bonjour Emma,
      Je vois que tu as réglé le problème des liens ;)
      Pour éviter que le début du texte soit à côté des images, il faut définir la position de ton image en "centré". Pour cela, sur la page de création/modification de ton article clique sur ton image, puis sur centré qui apparaît sous l'image. Sauvegarde et voilà ;)

      Supprimer
  49. Bonsoir :)
    Je suis en train d'essayer de créer un blog et ton site est vraiment de très bons conseils et je pense que je m'en servirai très souvent à l'avenir! Je suis tombée sur cette page précisement car je rencontre un problème, même avec la manip, absolument rien ne s'affiche sur la page d'accueil à part le titre. En revanche, l'article entier s'affiche une fois que je clique sur le titre de l'article... Aurais-tu une idée de la raison pour laquelle cela se passe comme ça?

    Merci beaucoup et bonne continuation en tout cas!

    RépondreSupprimer
    Réponses
    1. Bonjour Manon,
      As-tu ajouté le marqueur d'expansion au tout début de l'article ? Avant tout le contenu ? Si oui, alors c'est pour cela que rien ne s'affiche. Il faut ajouter le marqueur d'expansion après une partie de l'article qui servira d'introduction ;)

      Supprimer
    2. Oui, j'ai finalement réussi! Merci :)

      Supprimer
  50. Après des heures d'arrachage de cheveux j'ai enfin réussi :D Merci pour le tuto !

    RépondreSupprimer
  51. Bonjour !
    D'abord, merci beaucoup pour ce blog qui me permet pas à pas de construire mon blog avec ma co-rédactrice.
    Merci beaucoup aussi pour cet article qui s'est avéré très utile... jusqu'au petit cafouillage ^^ En suivant toutes tes étapes, lorsque je passe à la phase "modification de l'apparence du lien" et après avoir rentré les codes, tout le blog (thème, emplacement des articles, police, etc.) est modifié et donne un résultat très moche. J'ai lu les différents commentaires précédents mais n'ai toujours pas réussi à trouver la petite aiguille dans la meule de foin... Est-ce possible que tu m'aides ?
    J'écrivais le code suivant dans le tableau htlm :
    .jump-link a {
    font-family: Sue Ellen Francisco;
    font-size: 14px;
    color: #747474;
    background-color: #c0f8d9;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #c0f8d9;
    }

    .jump-link a:hover {
    color: #747474;
    background: #c0f8d9;
    text-decoration: none;

    .jump-link {
    text-align: center;
    }

    Je te laisse le lien du blog si cela s'avère utile pour toi : http://a-quatre-mains.blogspot.fr/
    Merci d'avance pour ta précieuse aide :-)

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Ton code CSS :

      .jump-link a:hover {
      color: #747474;
      background: #c0f8d9;
      text-decoration: none;


      N'est pas fermé. Il manque le signe } à la fin ;)

      Supprimer
    2. Effectivement je me suis rendue compte le lendemain qu'il me manquait ce fameux }
      Merci pour ta réponse :)

      Supprimer
  52. Hello ! Merci pour tes tutos super bien expliqués :) Je suis en train de refaire mon blog avec l'un de tes tutos, comment mette les miniatures en premier.
    Je voudrais totalement supprimer le "Lire la suite" que j'ai customisé en "More...", comment faire ?
    Je voudrais aussi supprimer le gros morceau de footer en bas de ma page mais je n'y arrive pas, peux-tu y jeter un oeil s'il te plaît ? :)

    Mon blog est www.tissamestla.com :)

    Merci beaucoup pour tout !
    Tissam

    RépondreSupprimer
    Réponses
    1. Bonjour Tissam,
      Tu peux modifier le texte "Lire la suite" en allant dans Mise en Page. Clique sur Modifier sur le gadget Articles du blog. A la ligne Texte du lien de la page d'articles remplace le texte par ce que tu souhaites.

      Pour ton pied de page, tu peux supprimer la marge sous ton texte d'attribution, en collant les codes CSS suivants :

      .footer-inner {
      padding-bottom: 10px; /* Espace entre le pied de page et le bord de la page */
      }

      footer #HTML2 {
      margin: 0;
      }

      footer #HTML3 {
      margin-bottom: 0;
      }

      Avant la ligne :

      ]]></b:skin>

      Modifie la valeur de 10px par celle qui te plaît, et voilà ;)

      Supprimer
    2. Coucou Cath, merci de ta réponse !
      Je l'ai fait en notant 0px, je ne sais pas si ça a fonctionné.
      Peux-tu prendre un peu de temps pour cliquez sur n'importe lequel de mes articles et aller tout en bas ? A chaque fois, en dessous du form de commentaires, j'ai un gros blanc moche :(

      Merci ma belle ! ;)

      Supprimer
    3. Ah non, je n'avais pas compris que tu parlais de cet espace ^^'
      Les codes étaient pour le pied de page, et non la fin des articles.
      Malheureusement il n'y a pas grand chose à faire pour cet espace, il est généré par le système de commentaires pour laisser de la place au formulaire :/

      Supprimer
    4. Ah d'accord ! Bon eh bien dans ce cas là j'arrête de me ronger aux quatre sangs (j'suis quasi sûre que ça se dit pas ! :p)

      Merci beaucoup !!! :D

      Supprimer
  53. Bonjour, tout d’abord je tiens à dire que vos articles sont vraiment attractifs et très bien expliqués mais mon problème... J'ai beau me servir du marqueur d'expansion(ça me fait uniquement un espace dans mon article) mais ça ne m'affiche pas la moitié de mon article en page d'accueil... Je ne comprends pas du tout! Merci en attente de votre réponse.

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Cela peut venir de ton thème. Le thèmes dynamiques de Blogger ont un fonctionnement particulier :/

      Supprimer
  54. Bonjour !
    Tuto très pratique et simple comme tous les autres ^^ Merci !
    J'ai une question car j'aimerais que le pied d'article n'apparaisse que dans les pages articles et non sur la page d'accueil. Je ne trouve pas comment faire :/
    Merci en attente de votre réponse

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Pour cela ajoute le code suivant :

      <!-- Code CSS sur les index seulement -->
      <b:if cond='data:blog.pageType == "index"'>
      <style type='text/css'>
      .post-footer {
      display: none;
      }
      </style>
      </b:if>

      Avant la ligne suivante de ton thème :

      </body>

      Supprimer
  55. Coucou ^^ j'aime beaucoup ton article et il m'a beaucoup aidé mais j'ai un petit souci. Une fois que j'ai fini de personnaliser mes articles comme je le veux, en utilisant l'icônne "lire la suite", mon image d'arrière fond disparait. je voudrais savoir si il y a une solution a ce problème. Merci d'avance. A bientôt.

    RépondreSupprimer
    Réponses
    1. Bonjour,
      En cliquant sur un de tes articles, ton image de fond apparaît bien pour moi :)

      Supprimer
  56. Hello !

    RAS pour moi, merci pour ton superbe tuto :D

    RépondreSupprimer
  57. Bonjour ! Super tuto bien expliqué mais pour ma part quand je copie ce code et que j’enregistre, aucunes modifications ne se fait sur mon blog... :/

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Je vois que tu as réglé le problème ? Les articles s'affichent bien en aperçu et ton lien Lire la suite est bien modifié :)

      Supprimer
  58. Tutoriel très utile , merci pour l'effort en écrivant ce tutoriel .

    RépondreSupprimer
  59. J'adore tes articles, ils me servent énormément pour mon blog http://thetrendytelegraph.blogspot.com ! C'est vraiment gentil de nous faire des tuto pour permettre au "commun des mortels" de personnaliser et coder notre blog ! tu es dans mes blogs favoris ;)

    RépondreSupprimer
  60. Salut! :)

    Tout marche très bien, mis à part pour changer la couleur de mon lien, même en mettant !important, ça ne fonctionne pas...
    J'ai le même souci avec mon titre d'article, mis à part que pour celui-ci, je n'ai pas réussi à configurer l'apparence du lien quand survolé par la souris..
    Peux-tu m'aider? :(

    http://anskaradtest.blogspot.fr/


    Et je me demandais aussi, si c'était possible de customiser les widgets "Archives du blog" et "statistiques"/ visiteurs? ^^

    RépondreSupprimer
    Réponses
    1. Bonjour Arlé',
      Le lien ne marche pas :/

      Supprimer
  61. Bonjour, il y a quelques jours j'ai téléchargé un template mais impossible de mettre la main sur le code de "Lire la suite" même avec ton super tuto. J'en ai essayé pas mal d'autres mais rien à faire... Serait-il possible que tu m'aides s'il te plait !
    Autre soucis: j'ai un soucis avec mon article de blog, la première phrase qui se répète, sais-tu comment je peux retirer le doublon et afficher une partie de l'article ?

    Merci d'avance, je te laisse le lien du blog : https://garanceflower.blogspot.fr/

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Malheureusement les thèmes gratuits (et mêmes les versions payantes) des sites BloggerTemplates, Sora Templates, ThemeXpose, etc., sont pleins d'erreurs !
      En regardant ton code rapidement, le code pour le lien lire la suite semble manquer.
      Il doit y avoir une erreur dans le code qui génère l'extrait de l'article. C'est pour cela qu'il apparaît 2 fois.
      Malheureusement je ne peux pas te donner de solution car le code du thème est différent de ceux de bas de Blogger. Désolée :/
      Tu peux essaye de contacter le site sur lequel tu as trouvé le thème. Ils pourront mieux te répondre.

      Supprimer
    2. Bonsoir,
      D'accord, je te remercie d'avoir pris le temps de regarder.
      Encore merci ! Bonne soirée :)

      Supprimer
  62. Bonjour, je ne sais pas si cette question a déjà été posée mais ce tuto a très bien fonctionner, sauf qu'il change tout mes liens, e texte du "lire la suite" est en blanc, ce qui mets du coup mon titre de l'article en blanc également...
    Merci :)

    RépondreSupprimer
    Réponses
    1. Bonjour Maelys,
      J'ai répondu à ton commentaire plus haut ;)

      Supprimer
  63. Bonjour Catherine,

    J'ai un soucis avec la photo illustrant mon article.
    Ça ne m'était jamais arrivé avant et je ne sais pas comment résoudre le problème.

    J'ai suivi ton tutoriel pour élargir l'image à 100% de la zone de l'article.
    Seulement sur l'aperçu, la photo est décalé par rapport au reste de l'article (titre, date, texte...)

    Pourrais-tu m'aider s'il te plait ? :)

    Merci par avance !
    Voici mon blog test : https://test-lp29.blogspot.fr

    RépondreSupprimer
    Réponses
    1. Bonjour Mélody,
      Je vois que tu as réglé le problème ;)

      Supprimer
  64. Bonjour Catherine,
    Merci pour tes tutos qui embellissent mon blog ! Je les utilise assez souvent et j'arrive en général à bien comprendre et les personnaliser comme je veux mais là j'ai un petit soucis. Quand je clique sur le lien afin de lire la suite, je tombe sur une page blanche... et donc impossible de visualiser l'article et je ne trouve pas d'où vient le problème. Donc je fais appel à toi afin de m'éclairer. Je te remercie :)

    RépondreSupprimer
    Réponses
    1. Bonjour Sophie,
      Peux-tu me donner le lien de ton blog ?
      Si tu as remplacé ton lien Lire la suite par une image, alors tu as peut-être supprimé un morceau de code qui génère le lien vers l'article. Vérifie que ton code est le même que celui présenté dans mon tutoriel ici, tout en remplaçant l'adresse url de l'image par celle de ton image ;)

      Supprimer
    2. Bonjour Catherine,
      Je n'avais pas vu ta réponse. Mon blog est le suivant : http://dansleblogdesophie.blogspot.fr/
      Non, je n'ai pas remplacé le lien par une image... Avant j'utilisais l'affichage de mes articles en miniature et j'ai voulu les remettre "en grand" avec un lien lire la suite. Je pense avoir supprimé un truc malencontreusement mais où ? ^^

      J'en profite pour te poser une autre question. Quand je prévisualise le modèle de mon blog, les titres s'affiche bien en noir mais lorsque j'ouvre mon blog, ils sont rose... Alors que lorsque je visite mon blog avec mon iPad, ils sont bien noirs :/

      Supprimer
    3. Bonjour Sophie,
      Il y a un gros problème dans ton thème, le contenu du blog ne charge pas sur les pages autres que les pages d'index.
      Malheureusement je ne peux pas te dire d'où vient le problème :/
      Je te conseil de charger une sauvegarde de ton thème qui fonctionnait, ou d'installer un nouveau thème Simple de Blogger.
      Tu peux copier ton code CSS dans un fichier Notepad par exemple pour en conserver une sauvegarde, et le coller à la place du code CSS du nouveau thème. Cela t'évitera de perdre trop de modifications visuelles que tu as déjà apporté à ton blog.

      Supprimer
    4. Bonsoir Catherine,

      Merci beaucoup de prendre le temps de répondre à chaque commentaire. C'est ce que je pensais faire, recommencer tout et ça fonctionne parfaitement. Aurais-tu un code pour qu'il y ait un espace entre l'article et mon lien "continuer la lecture" et entre mon lien "continuer la lecture" et l'encart des commentaires. Car je trouve qu'il est très rapproché.

      Par contre, j'ai un soucis au niveau de la barre de navigation Mes deux parties ne sont pas alignées sur la même ligne malgré avoir suivi ton tuto.

      Merci beaucoup pour tes tutoriels et ta disponibilités à tous nous aider

      Supprimer
    5. Bonjour Sophie,
      Pour ajouter de l'espace avant et après ton lien Continuer la lecture, retrouve ce code CSS :

      /* Alignement du lien dans l'article */
      .jump-link {
      text-align: center; /* Alignement du lien : left = à gauche ; center = au centre ; right = à droite */
      }

      Ajoute les lignes suivantes à ce code CSS :

      margin-top: 40px; /* Espace avant le lien */
      margin-bottom: 40px; /* Espace après le lien */

      Ensuite pour ton menu, le problème vient de ce code CSS :

      div#barre_nav {
      margin-top: -10px; /* Espacement avant la Barre de Navigation */
      margin-bottom: 20px; /* Espacement après la Barre de Navigation */
      }

      Remplace les valeurs de ce code par 0 comme ceci :

      div#barre_nav {
      margin-top: 0; /* Espacement avant la Barre de Navigation */
      margin-bottom: 0; /* Espacement après la Barre de Navigation */
      }

      Si tu souhaites réduire l'espace au-dessus et en-dessous des liens de tes menus, il faut modifier ce code CSS :

      /* Centrer la Barre de Navigation */
      #barre_nav li {
      display: inline-block;
      float: none;
      padding-top: 20px; /* Espace au-dessus des liens */
      padding-bottom: 20px; /* Espace en-dessous des liens */
      padding-right: 15px; /* Espace à droite des liens */
      padding-left: 15px; /* Espace à gauche des liens */
      margin: 0px;
      }

      Et plus précisément ces 2 lignes :

      padding-top: 20px; /* Espace au-dessus des liens */
      padding-bottom: 20px; /* Espace en-dessous des liens */

      Supprimer
  65. Bonjour,
    Tout d'abord merci pour tous tes tutoriels, ils sont géniaux!
    J'ai téléchargé un thème sur internet, et après avoir suivi ton tutoriel, je m'aperçois qu'il n'y a pas de lien "lire la suite" qui s'affiche sous les articles...
    Pourrais-tu m'aider?
    Voici mon blog : http://wildaamanda.blogspot.fr/
    Merci d'avance,
    Amandine.

    RépondreSupprimer
    Réponses
    1. Bonjour Amandine,
      Effectivement c'est très étrange. Je crois que le problème vient de ton thème. As-tu essayé de contacter le site où tu l'as acheté ?

      Supprimer
  66. Bonjour,
    J'ai un léger soucis avec le lien "lire la suite". En fait, à l'origine ce lien est noir et quand la souris va dessus c'est bordeau, jusque là tout est normal. mais une fois que je clique dessus et que je retourne à la page d'accueil le lien est gris clair et non noir. (je ne sais pas s je suis compréhensible) j'ai essayé de regarder dans le code, mais impossible de trouver d'où vient le problème. j'espère que tu trouvera la solution ;) http://nouveaudesignmissfashionista.blogspot.fr/

    RépondreSupprimer
    Réponses
    1. Bonjour,
      C'est normal, en fait il y a 3 codes CSS pour les liens :
      - les liens non visités
      - les liens visités (dont tu as déjà cliqué dessus)
      - les liens au survol de la souris

      La couleur des liens visités doit être défini en gris sur ton blog. Tu peux changer la couleur du lien Lire la suite visité en ajoutant :

      .jump-link a:visited {
      color: #B6324A;
      }

      A la suite des codes CSS pour ton lien lire la suite.

      Supprimer
  67. salut tout d'abord merci pour les tutoriels tu ma beaucoup aidé mais j'ai un problème j’arrive pas a mettre lire la suite j'ai coller le code et tt mais rien n'affiche sur le blog
    voila mon blog : https://mllefbeauty.blogspot.com/

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Vérifie dans le code de ton thème qu'avant cette ligne :

      <div class="post-footer">

      Tu as bien :

      <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
      <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
      </b:if>

      Si tu ne l'as pas, rajoutes-le ;)

      Supprimer
  68. Bonjour, j'ai suivi ce tutoriel, avec succès pour la première partie, mais je ne trouve nulle part la ligne "/* Content" dans mon code HTML, ce qui m'empêche du coup de modifier les propriétés du lien d'expansion.
    Il ne serait pas plus simple d'indiquer précisément où, dans le code HTML, on doit placer le bloc de propriétés texte, plutôt que de juste faire rechercher le bon endroit par un mot-clé qui n'est peut-être même pas dans le code ?

    En tout cas, je vous donne le lien de mon blog si vous voulez y jeter un œil, j'aimerais vraiment modifier ce lien d'expansion :/
    Merci beaucoup pour ces tutos !
    DarkRiketz
    http://darkriketz.blogspot.fr

    RépondreSupprimer
    Réponses
    1. Bonjour DarkRiketz,
      Je sais que tu as déjà réglé le problème, mais pour ceux qui peuvent avoir le même problème de recherche, cela peut venir du champ de recherche que tu utilisais.
      Il faut bien cliquer à l'intérieur de la boîte où il y a les codes avant d'appuyer sur Ctrl + F. Sinon, un champ de recherche apparaît en haut à droite de la page web, mais celui-ci ne fonctionne pas. Il faut utiliser un champ de recherche qui apparaît en haut à droite de la boîte de code ;)
      De plus il faut bien faire attention à ne pas mettre d'espace avant ou après le terme recherché.

      Supprimer
  69. Ah, autant pour moi, en cherchant ligne par ligne, je suis tombé tout de suite sur "/* Content", mais je ne sais pas pourquoi l'outil de recherche de Firefox ne l'a pas trouvé -_-

    RépondreSupprimer
    Réponses
    1. Bonjour,
      C'est normal que le champ de recherche du navigateur ne le trouves pas car il ne fonctionne pas. C'est pour ça qu'il faut bien cliquer dans la boîte de code avec la souris avant d'appuyer sur Ctrl et F en même temps, pour afficher un autre champ de recherche qui apparaît à l'intérieur de la boîte de code et qui fonctionne ;)

      Supprimer
  70. Bonjour Catherine,
    Merci pour tes conseils !
    J'ai créé récemment mon blog sur la plateforme Blogger, en essayant de suivre la procédure que tu as suggéré pour couper les articles et insérer le lien "Lire la suite", ça ne fonctionne pas de mon coté malgré l'insertion du marqueur d'expansion. Que faire dans ce sens sachant que j'utilise un modèle simple pour le blog? Merci de ton retour.

    RépondreSupprimer
    Réponses
    1. Bonjour,
      Si tu as un thème Simple alors la méthode devrait fonctionner car c'est une fonction de base de Blogger.
      Peux-tu me donner le lien de ton blog pour que je puisse y jeter un œil ?

      Supprimer
  71. Bonjour Catherine,

    - J'ai le même soucis que plus haut, je ne trouve pas /*content, pourtant j'ai bien fait attention à ne pas mettre d'espaces, à bien que la boite de recherche soit là où son écrit les codes... J'ai même descendu ligne par ligne toute ma boite de code pour le trouver mais rien n'y fait. Comment faire ? J'ai juste "..." qui s'affichent à la place de "lire la suite" comme je voudrai (et les petits points ne sont même pas cliquables). 😊

    L'avantage c'est qu'en lisant ton tutoriel j'ai résolu un autre problème (je ne comprenais pas pourquoi mon texte s'affichait plus sous ma photo mais j'avais oublié de supprimer le marqueur d'expansion qui n'était pas au bon endroit). 😁

    J'en profite pour te poser d'autres questions pour éviter que tu ai 36000 commentaires de moi et aussi parce que je ne sais pas trop où te les poser d'autre. 😐

    Bon, déjà j'ai abandonné l'idée d'avoir un blog parfait avant de commencer puisque je suis en train de péter un plomb car je veux écrire mais je n'arrive pas à avoir le blog que je recherchais. Alors j'ai décidé de faire l'essentiel et le reste je verra par la suite. 😏

    - Ma barre de menu est toute serrée alors qu'avant elle n'était pas comme ça. Je n'ai aucune idée de ce que j'ai touché et je n'arrive pas à retrouver le code qui fait que je peux espacer les onglets. J'ai regardé tes tutoriels sur la barre de navigation plusieurs fois mais je n'ai pas trouvé la solution à mon problème ...

    - Sur ce même espace, mes icônes vers les réseaux sociaux ont disparus, là encore je ne sais pas ce que j'ai touché pour qu'ils disparaissent comme ça et je n'arrive plus à les remettre... Je ne sais pas si ils ont entièrement disparus (à mon avis oui car quand je survol pour sélectionner ils n'apparaissent plus) ou si c'est juste une question de couleurs.

    Et en t'écrivant que je n'arrivais pas à mettre mes articles en lien avec mes pages j'ai trouvé la solution (en fait, je ne peux pas mettre plusieurs libellés par articles ! 😉 )

    Petit à petit certaines choses se débloquent mais ça ne va pas assez vite à mon goût. 😅

    PS : Voici l'adresse de mon blog https://ldmailys.blogspot.fr/

    RépondreSupprimer
    Réponses
    1. Bonjour Maïlys,

      Si tu ne trouves pas la ligne /* Content c'est sûrement à cause de ton thème qui à une structure différente des thèmes classiques de Blogger.
      Néanmoins, tu peux coller tous les codes CSs de mes tutoriels avant la ligne :

      ]]></b:skin>

      Qui est présente dans tous les thèmes Blogger, même les téléchargés ;)

      Par contre, le fait que ton lien lire la suite ne s'affiche pas est peut-être dû à ton thème justement. Les thèmes gratuits (et même les versions payantes) des sites comme ThemeXpose, Sora templates, Blogger Themes, etc., sont pleins d'erreurs. Je les dé-conseil fortement même s'ils sont très attrayants.

      En regardant rapidement ton blog j'ai remarqué que le lien Lire la suite est caché sur ton blog. Retrouves ce code CSS :

      .post-entry p {
      margin-bottom:20px;
      text-align: justify;
      text-align: center;
      display:none;
      }

      Supprimes la ligne :

      display:none;

      Ensuite retrouves code CSS :

      .post-entry a.more-link {
      margin-top: 25px;
      display: inline-block;
      -o-transition: .3s;
      -ms-transition: .3s;
      -moz-transition: .3s;
      position: relative;
      -o-transition: .3s;
      -ms-transition: .3s;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      font-weight: 400;
      padding: 0 25px;
      font-size: 12px;
      display: inline-block;
      border: 1px solid #ddd;
      color: #303030;
      height: 34px;
      line-height: 34px;
      display:none;
      }

      Et supprimes également la ligne :

      display:none;

      Si tu n'arrives pas à changer le texte de ce lien en suivant mon tutoriel, essaies de cherche le texte Continue Reading dans ton thème. Si tu le trouves remplaces-le par le texte de ton choix.

      Pour les liens de ton menu, je ne vois pas les codes CSS pour le menu issus de mes tutoriels. Tu as dû les supprimer. Ajoutes-le bien avant la ligne :

      ]]></b:skin>

      Pour les icônes vers tes réseaux sociaux, je ne vois pas non plus les icônes dans le code HTML de ton menu. Tu as également dû les supprimer par erreur.

      Pour les libellés, tu peux tout à fait associer plusieurs libellés à un même article, mais il est impossible de faire une recherche de plusieurs libellés à la fois ;)

      Supprimer
  72. Bonjour Catherine,

    C'est encore moi :)
    Je viens de changer de template ( www.mademoisellepatisse.com) et je ne comprends pas pourquoi il ne reste plus qu'un article ( le dernier tout en bas) qui est configuré comme je souhaite:

    "Viennoises aux pépites de chocolat- Viennoises con petitas de chocolate"
    Il y les commentaires ' aucun pour cet article c'est normal)
    Un petit résumé
    et pour finir à la fin les liens Facebook,twitter, google...etc.

    Or, pour les autres autres articles plus hauts, il n'y a que le titre et les commentaires. PLus de résumé ni de liens sociaux.
    Pourtant je n'ai fait que télécharger le template et je n'ai pas encore touché aux articles.
    Merci beaucoup de ton temps si précieux que tu nous accorde!
    Adeline

    RépondreSupprimer
    Réponses
    1. Bonjour Adeline,
      Malheureusement les thèmes gratuits (et même les version payantes) des sites comme Bthemez, Blogger Templates, Sora Templates, ThemeXpose, etc., sont pleins d'erreurs. Je les dé-conseil car ils sont codés à la va vite et à l'arrache. C'est dommage car ils sont plutôt jolis.
      Tu aurais dû recevoir un document ou un fichier expliquant comment installer et mettre en place le thème. Peut-être que dans ce document ils expliquent comment faire pour les articles.

      Supprimer

Le blog est officiellement en PAUSE. Je ne pourrai PAS répondre à vos commentaires. Pour plus d'infos.

Vérifiez que la réponse à votre problème ne se trouve pas déjà dans les commentaires ;)

Lady Bird RedDesign et contenu par Catherine Surr
Mentions légales . Un blog créé sur Blogger