Le résumé de vos Articles dans la page d'Accueil avec Lire la Suite

Voici donc une astuce pour afficher un résumé de l'article dans la page d'accueil suivi du mot "Lire La Suite" qui invite les visiteurs à continuer la lecture de l'article en entier.

     Le début du message ...
                     Lire la suite



Il faut utiliser "Modifier le code HTML" lorsque vous écrivez un message pour enregistrer les deux tags <span> comme sur l'image.

Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez (Ctrl + F) le code suivant: : ]]></b:skin> et juste après collez ces lignes:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Maintenant recherchez ce code :
<p><data:post.body/></p>
Après <data:post.body/> et avant </p>  Insérez ce code:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="text-align: right;">Lire la suite ...!</div></a></b:if>
Enregistrez. N'oubliez pas d'écrire vos message de la manière suivante :
Le début du message ...<span class="fullpost">
la fin du message</span>
*Update:
Résumé automatique avec image à la page d'accueil, dans les archives, les pages libellés...
Libellés : Publié le dimanche, juin 07, 2009
36 Commentaires
  1. ça marche nikel, je pense si on pouvait pas mettre autre chose a la place de Lire la suite.
    une icone par example???

    RépondreSupprimer
  2. moi sa mais que l"ire la suite" mais dans les articles je mais :
    Ce quie je laisse apparant
    < span class="fullpost" >
    blabla blabla
    blabla
    < / span> (sans les espace car je peux pas le mettre sans)

    Mais sa marche pas

    RépondreSupprimer
  3. @ Nico-usa,
    j'ai pas compris ce que tu voulais dire :? :?

    Cette astuce est assez compliquée à gérer, il faut bien faire attention à l'endroit exacte ou fermer le span et les div.

    Je te conseil le Résumé automatique avec image.

    RépondreSupprimer
  4. j'en peux plus! Ca marche pas! le post apparait en entier avec le read more à la fin.. Je sais pas quoi faire..

    RépondreSupprimer
  5. @ Vicky Wine :)
    comme j'ai dit à Nicola, "Cette astuce est assez compliquée à gérer, il faut bien faire attention à l'endroit exacte ou fermer le span et les div."

    Tu peux la tester avec un simple texte sans mise en forme et sans image et tu vas voir que ça fonctionne.

    Personnellement, j'ai abandonné et maintenant j'utilise le résumé automatique qui affiche automatiquement la première image de l'article, si tu n'y arrives toujours pas je te conseil de l'essayer.

    Tien moi au courant de ce que ça donne, positive ou pas :)

    RépondreSupprimer
  6. @ Soufiane

    Meme avec un simple texte j'ai pas réussi..je perds des heures! je vais essayer le résumé. Merci!

    RépondreSupprimer
  7. @ Vicky Wine
    D'accord, j'espère que l'autre méthode marchera sans problèmes :o et n'oublie pas supprimer le code que t'as ajouter ici :)

    RépondreSupprimer
  8. Bonjour.

    Je viens d'essayer cette astuce que je cherchai depuis un moment...

    Ca marche vraiment super , merci ;)

    RépondreSupprimer
  9. Une astuce pour appliquer le "lire la suite" que sur certains articles et pas sur tous?

    RépondreSupprimer
  10. @ Fox Prime
    Tu auras toujours l'expression "Lire la suite" à la fin des Articles, qu'ils soient résumés ou pas.
    Pour l'instant il n'y a pas de solution.

    RépondreSupprimer
  11. Mais je pense que google va bientôt intégré une option par défaut pour résumé les articles ce qui va simplifier les choses...... donc restes à l'écoute.....

    RépondreSupprimer
  12. Je cherchais cette astuce depuis l'éternité :|
    Et me voilà finalement à vœu exaucé, t'étais où toi.
    Mille merci. :X

    RépondreSupprimer
  13. @ Pluie Tendre
    Merci, J'étais pas encore né LOL.
    Cet méthode est un peu plus tordu que le résumé automatique, donc bonne courage.

    RépondreSupprimer
  14. slt g 1 problem avec mon template google site web il g suivi votre conseille il me di ke il me di vérifier si votre XML é bien fermé sa march pas pour configuré avec cet party (Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez (Ctrl + F))

    RépondreSupprimer
  15. coucou soufiane
    j'ai essayé et bien coché case developper les gadgets, je trouve bien le premier code et ai rajouté ce qu'il fallait mais impossible trouver le second, même avec ctrl f...j'ai essayé de trouver sans le "p" et oui, ya une ligne comme ça ms j'ose pa modifier moi même car je ne sais pas si je suis au bon endroit...tu peux me filer un coup de main...?
    sinon, quand je redige mes message, il me propose saut de page, c'est quoi ça??, ça ner sert pas a ça??,
    merci
    a plus tard

    RépondreSupprimer
  16. bonsoir,

    j'ai bien "lire la suite" qui apparait mais elle est bien en bas de page, mais elle ne l'est pas à la dernière phrase.

    RépondreSupprimer
  17. @ Regard ici, http://www.leblogger.com/2009/10/solution-comment-resumer-nouvelle.html

    RépondreSupprimer
  18. Voilà j'avais reussi à RETIRER le " lire la suite " sauf que j'ai eu quelques probléme avec mon template , et j'ai du donc remettre la version avec le " lire la suite " j'ai donc voulu le retirer une nouvelle fois , sauf que je n'y arrive plus du tout .. Il faut que je retire quel code ?

    RépondreSupprimer
  19. Bonjour, et merci pour toutes cas astuces!!! Mais... j'ai un problème, je ne trouve pas les "p" du second code il n'y a pas les "p" avant et après! Pourtant je n'ai pas eu de soucis pour le premier code..
    j'ai essayé le résumé automatique, mais il résume également les Pages, et ça ca ne me convient pas! J'ai l'impression qu'il y a un bug avec cette astuce , lorsque je veux lire mes pages je me retrouve directement avec le résumé en lorsque je clique sur "Lire la suite", ça ne me lit pas la suite, ça reste sur la même page...
    Peut-être pourrez-vous m'aider pour une des 2 astuces de résumé?

    RépondreSupprimer
  20. Pour le le >P< qui existe pas, c'est pas grave...

    Cet article date de plusieurs mois et Blogger a introduit les résumé par défaut regard ici : http://www.leblogger.com/2009/09/nouveau-resume-blogger-lire-la-suite.html

    RépondreSupprimer
  21. oui en fait j'ai découvert ça il y a quelques heures! merci beaucoup!!!
    et encore bravo pour ce blog

    RépondreSupprimer
  22. Un tres bon article comme tout les autres d'ailleur.
    Mon probleme est que ma template utilise deja ce proceder mais les images ne sont pas toutes reduites comme il faut.
    Mes tous premiers articles sont bien reduit mais les nouveaux pas du tout, du coup ça fais moche.
    Je trouve pas la cause du probleme une petite aide serais le bienvenue
    bonne journée

    RépondreSupprimer
  23. Cette recommandation de blogger, je ne sais pas encore. Et je veux l'essayer. Merci ya ... Ne pas oublier de s'arrêter à ma place. Merci.

    RépondreSupprimer
  24. @soufiane
    Sa marche pas tu pourais me donner un lien bcp plus simple :(

    RépondreSupprimer
  25. Bjr

    dis moi j'ai presq tout essayer et rien ne fonctionne
    de plus je trouve pas ce code : data:post.body/

    Est ce que tu pourrais me donner un coup de main stp ?
    Merci

    RépondreSupprimer
  26. Bonjour! ça fait longtemps que je ne poste pas de comments, mais je suis toujours le blogger et toutes ses supers astuces!
    Je reviens à l'attaque avec les résumés d'articles.
    Tout est ok pour les articles sur une même page du blog.
    Mais avec la fonctionnalité: ajout d'une nouvelle page X sur Blogger, est-il possible de ne rien résumé sur cette page X et de voir les articles tel quel?
    Merci d'avance pour la réponse!

    RépondreSupprimer
  27. Oui, ça se fait automatiquement :)

    RépondreSupprimer
  28. @Soufiane. Re-bonjour, je ne sais pas si j'ai bien compris ta réponse: oui, je vois que sur la nouvelle page du même blog, les articles sont résumés automatiquement. Mais, j'aimerais qu'ils ne le soient pas juste sur cette page, est-ce possible? comment fait-on cela? Merci!

    RépondreSupprimer
  29. Merci beaucoup ! vous m'avez étais d'une grande aide !

    RépondreSupprimer
  30. Bonjour Soufiane,
    Je voulais juste te dire que ton article m'a fait passer d'un taux de rebond autour de 80% à un taux de rebond autour de...0! depuis que je l'ai mise en place, un grand merci!
    http://comparerlescouts.blogspot.com ;)

    RépondreSupprimer
  31. Bonjour,
    J'aimerais savoir comment faire pour modifier la taille de police du "lire la suite" ?

    merci!

    RépondreSupprimer
  32. Comment fait-on pour rechercher? Car CTRL+ F ne fonctionne pas, j'ai un MacBook...
    Je ne trouve pas le "post body"

    RépondreSupprimer
  33. Bonjour!
    J'aimerais savoir s'il est possible d'ouvrir automatiquement l'article complet dans un autre onglet après avoir cliquer sur "Lire la suite"?
    Merci de votre réponse
    Lisette
    http://www.lesrecettesdelisette.blogspot.com

    RépondreSupprimer
  34. Bonjour! je ne saispas ou placer le windget lire la suite don aidez moi s'i vous plait a me dire ou le placer?

    merci de votre compreension!

    RépondreSupprimer

Copyright 2015 Soufiane.fr