Blogger - Afficher une partie de l'article + Lire la suite



Blogger - Afficher  une partie de l'article + Lire la suite
Afficher une partie de l'article sur votre blog blogger en page d'accueil.

Ce qui donne plus de professionnalise à son blog.

Pour réaliser, cette prouesse peut être même aussi du coup augmenter les pages vues ...




Les étapes à suivre pour réaliser cette astuce Blogger :

  • 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>

Alors recherchez ce code HTML :

<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>

Note : Une nouvelle technique pour résume les articles sur ta page d'accueil avec image dans ton blog

59 Commentaires

Laisser un commentaire

  1. Tout d'abord un grand merci d'avoir rapidement répondu à mon commentaire sur l'autre billet et surtout d'avoir eu la gentillesse de faire un tuto pour cette astuce de ne proposer dans un premier temps que la 1ere partie d'un message .

    J'ai perso, un problème avec un message d'erreur:
    Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : The content of elements must consist of well-formed character data or markup.

    je pense pourtant avoir bien suivi tes instructions mais je regarde encore si je peux trouver le problème car je voudrais vraiment utiliser cette possibilité.

    Quoi qu'il en soit encore merci ...

    RépondreSupprimer
  2. En faite, il faut enlever les espaces entre "<" et les lettres pour que le code marche.

    a+

    RépondreSupprimer
  3. Rien à faire pour moi, j'ai toujours le même message d'erreur ... j'abandonne .... dommage ..

    Si quelqu'un utilise cette subtilité, à partir de ce tuto, ça serait sympa de dire si ça a marché .. à l'avance, merci ..

    RépondreSupprimer
  4. Mersi pour cette astuce qui fonctionne en enlevant les espaces.

    RépondreSupprimer
  5. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  6. @Angy :c'est ce que j'ai rappellé plus haut dans mon commentaire.

    RépondreSupprimer
  7. Bravo pour ceux qui font marcher cette astuce ... Personnellement, j'ai réussi à ne plus avoir mon erreur expliquée plus haut ...

    Par contre et j'aimerai bien savoir s'il en est de même pour vous, le message "lire la suite" apparait systématiquement même quand je veux mettre un message en entier sans cette subtilité.

    j'ai cru voir sur d'autres blogs que je n'étais pas le seul à avoir ce problème ..

    RépondreSupprimer
  8. @Tonton_JM : et oui !!!
    l'inconvenient de cette belle astuce et que le "lire la suite" apparait à tous les messages ...

    RépondreSupprimer
  9. salut j'ai le fameux problème du XML j'ai bien supprimer les espaces mais ça marche pas merci d'avance

    RépondreSupprimer
  10. non merci c'est bon c'était tout à fait autre chose j'avais oublié de fermer une balise div

    RépondreSupprimer
  11. @Le bloggers du net : oui c'est vrai !
    Dans l'idéal, je souhaiterai avoir un "lire la suite" uniquement pour les pages d'archives ou de tag, pas pour la page principale, ou pour les pages "suivant", "précédent"

    Ensuite, oui je pense que ça augmente le nombre de page vu, mais moi, en tant qu'utilisateur, je préfère avoir tout (ou quasiment) sur la page d'acceuil. (comme presse-citron).
    Je vais tenter de ne pas le faire pour la page principale.

    RépondreSupprimer
  12. Bonjour,
    Merci pour cette astuce, mais je rencontre un inconvénient. En effet lorsque j'ai toujours < span class="fullpost"> < /span >" qui apparait et dans l'article principal, tout y est marqué mais j'aibien "lire la suite"

    RépondreSupprimer
  13. @Zouard :< span class="fullpost">TEXTE A CACHER < /span >...

    doit être placé pour cacher le texte ou image à voir et insiter les visiteurs à cliquer sur "lire la suite" pour voir le texte ou image cachée.

    et l'inconvenient de cette astuce que lire la suite va apparaitre dans tous les articles

    RépondreSupprimer
  14. Bonjour,
    c'est pécisement la ou se trouve mon probleme car lorsque < span class="fullpost">JE METS DU TEXTE ICI < /span >.., cette zone la < span class="fullpost"> aussi apparait dans mon post.
    Au sinon lire la suite apparait bien et c'est kool comme astuce

    RépondreSupprimer
  15. @zouard : il faut que tu enleve les espaces entre "<" et "span" ... il faut eliminer les espaces et je crois que ca marche...

    RépondreSupprimer
  16. bravo c'était bien l'espace qu'il y avait merci bloggers

    RépondreSupprimer
  17. Bonjour,

    J'ai tenté d'utiliser cette astuce sur mon blog. Et j'avais enfin réussi à enregistrer le modèle et qu'il n'y ait plus de message d'erreur. Mais là, problème : plus aucun de mes messages ne s'affichaient !! J'ai du remettre l'ancien modèle. Je suis déçue car cette astuce est vraiment bien. Quelqu'un peut-il m'aider ?

    RépondreSupprimer
  18. SOS : je n'y arrive pas ! Quand j'installe le modèle, tous mes articles disparaissent !
    Merci de votre aide :

    s.assante@numericable.fr
    www.hautlavoix.blogspot.com

    RépondreSupprimer
  19. plus aucun message ne s'affiche help!!!!!!!
    realnicocmoi@yahoo.fr
    merci d'avance

    RépondreSupprimer
  20. @Niyaonaki : je pense que tu as mal placé le premier code HTML dans ton templates. regarde bien il faut mettre les deux codes HTML en gras....

    tiens moi au courant !!§

    RépondreSupprimer
  21. alors j'ai réussi a corriger le probleme mon code etait different sur la première ligne < div class='post-body'> j'ai du changer du texte peut etre que blogspot a changer depuis la création du message en tout k merci beaucoup

    RépondreSupprimer
  22. Salut tout le monde !!!
    merci pour ces astuces pertinentes, je pense que ces trucs là, sont vitaux et que blogger.com doit les mettre par défaut dans ses blogs, ainsi que plusieurs autres fonctionnalités !!!
    Guijou
    http://guijou.blogspot.com/

    RépondreSupprimer
  23. Salut,

    J'essai d'installer cette fonction sur mon blog, mais ça ne fonctionne pas. J'en déduis que j'ai fait une erreur, mais je ne sais pas où.
    J'ai bien enlevé les espaces entre "<" et les lettres, puis comme il n'y avait pas de résultat, j'ai remplacé < div class='post-body entry-content'> par < div class='post-body'>, mais rien n'y fait.
    Bien sur, j'ai inséré < span class="fullpost">La partie du texte à cacher< /span>.

    Quelqu'un peut-il m'aider s'il vous plaît ?
    Merci d'avance !

    RépondreSupprimer
  24. Rebonjour !

    Je crois malheureusement avoir compris d'où venanit mon erreur. Lorsque je crée de nouveaux messages, le système fonctionne. Mais en revanche lorsque je veux modifier des messages déjà publié, ça ne fonctionne pas.
    Quelqu'un pourrait-il me dire s'il existe une solution pour modifier les messages déjà publiés en ajoutant simplement au début du texte : < span class="fullpost"> et à la fin du texte < /span >. L'objectif serait de ne pas républier les message existant pour conserver la date de publication.

    Merci à tous,
    JF

    RépondreSupprimer
  25. j'ai du mal !!!
    il faut remplacer une partie de texte ??? il faut juste en rajouter ???

    merci pour tes explications.

    RépondreSupprimer
  26. Bonsoir bonsoir , alors je viens d'essayer

    Et la c'est le drame !!!

    Message d'erreur " Votre modèle ne peut pas être analysé, car sa structure n'est pas conforme. Vérifiez que tous les éléments XML sont bien fermés.
    Message d'erreur XML : The content of elements must consist of well-formed character data or markup. "

    Pourtant j'ai bien enlever les espaces entre < et les lettres

    Merci de bien vouloir eclairer ma led

    RépondreSupprimer
  27. Re bonsoir ,

    une chose bizzar , est que mes post une fois en ligne sont répéter 2 fois , quelqu'un a t'il une idée

    Par ailleur j'ai réussi a mettre le code et tout fonction ( bien penser a enlever les espaces comme dis plus haut ) a par ce probleme de repetition de poste

    http://blog-docu.blogspot.com/

    RépondreSupprimer
  28. Bonjour,
    Juste pour te dire merci pour tes astuces qui sont vraiment super.

    RépondreSupprimer
  29. J'ai un sacré problème.
    En fait sa ne me trouve rien quand je fais Ctrl + F et que je met le texte a rechercher ...

    Donc si quelqu'un peut m'aider où m'envoyer un template, merci d'avance.

    RépondreSupprimer
  30. merci pour l'astuce...
    Mais j'ai un petit blème, je n'arrive pas à cacher mes playlists, ce qui en grande partie le but de ma démarche.
    à+

    RépondreSupprimer
  31. moi je ne trouve pas le code post-header-line dans mon html comment faire

    RépondreSupprimer
  32. @senegalmedias: je te conseille pour trouver la partie du code que tu recherche de Faire CLTRL+F qui es t une fonction recherche est copier copller "post-header-line-1" tu va trouve rtout de suite le code

    a bientot

    RépondreSupprimer
  33. Moi c'est le contraire, j'aimerais enlever cette fonction qui semble être intégrée dans mon template de blog que j'ai downloadé. Quelqu'un sait où je pourrais enlever cette fonction ?

    RépondreSupprimer
  34. @Sam : tu as deux portions de code à enlever donc je suis aller voir dans ton code source et tu dois enlever ce premier code :

    "< script type='text/javascript' >
    summary_noimg = 700;
    summary_img = 420;
    img_thumb_width = 220;
    img_thumb_height = 130;
    < /script >
    < script type='text/javascript' >"

    et puis tu regarde dans l'article ci-dessus et tu efface les parties en gras dans ton code template et n'oublie pas avant de faire tous cela d'enregistrer une copie de ton template pour ne pas tous perdre ou si tu veut revenir à l'ancienne version de ton blog

    a+

    RépondreSupprimer
  35. Je ne trouve pas les codes en gras dans mon code... Si j'enlève celui que vous m'avez indiqué, ça dit qu'il y a une balise de non-fermée.

    Merci quand même ! C'est très apprécié!

    RépondreSupprimer
  36. salut
    j'aimerais savoir comment mettre les 2 codes HTML en gras vu que il n'a pas d'editeur d'ecriture.
    moi perso le modele a accepter les 2 codes , mais plus ne s'affiche sur mon blog.dommage:(
    merci!! c'Est trés aprecié!!

    RépondreSupprimer
  37. Bonjour,
    J'ai crée un thème avec Artisteer et impossible de trouver les balises indiquées pour pouvoir insérer ce qu'il faut. Est-ce normal ?

    RépondreSupprimer
  38. 3 milles merci, j'étais à la recherche de cette astuce depuis un temps et là je suis vraiment satisfaite

    RépondreSupprimer
  39. Bonjour
    Moi dans mon blog je ne trouve pas :

    < div class='post-header-line-1'/>
    < div class='post-body'>

    quelle est la solution ?

    kharichi@gmail.com

    RépondreSupprimer
  40. Slt
    Au fait sa fait plus de 2moi ke j'essaie d'inclure lire la suite a mon blog mais apres +ieurs tententive j'y arrive tjrs pas. Pouvez vous m'aider !!! PLZ
    voici mon blog : http://pasterman.blogspot.com/

    RépondreSupprimer
  41. super ca marche a 100/100.
    comme vous dites enlevez les espaces

    RépondreSupprimer
  42. Bonjour, cette astuce m'intéresse, mais en mettant la partie à mettre et en enlevant les espaces, et bien cela ne marche pas, je ne sais pas comment faire.

    RépondreSupprimer
  43. àjustine : je viens d'éliminer les espae des code et ca doit marche rplus facilement .

    A+

    RépondreSupprimer
  44. sharing.i bonne pense qu'il est très agréable et je viendrai time.thanks prochaine.

    RépondreSupprimer
  45. Un Blogger07 mai, 2011

    Bonsoir tout le monde! alors, chez moi cette astuce marche parfaitement, cependant, même si mon article est court, et que je ne met pas de span pour cacher du texte, "lire la suite" s'affiche quand même dans l'article à la page d'accueil.
    Quelqu'un saurait-il comment procéder pour corriger ce bug? :s
    merci d'avance! :)

    RépondreSupprimer
  46. @un blogger : tu ne peut pas le corriger car le lire la suite se met automatiquement dsl

    RépondreSupprimer
  47. très beau post et j'aime beaucoup!

    RépondreSupprimer
  48. moi j'aimerais bien mettre le "lire plus" au milieu de l'article mais je n'y arrive pas :(
    Si quelqu'un pourrais m'aider ça serais cool :D

    http://thesellerofstyle.blogspot.com/

    RépondreSupprimer
  49. salut tout le monde d'abord merci mon chef pour ce sujet la , il m'aidé beaucoup....

    pour toi monsieur Derrar tu va ajouter le code span class="fullpost" et n'oublier pqs de le mètre entre <>

    au milieu de ton message

    voila mon blog http://agnagan.blogspot.com je cherche des amis :)

    RépondreSupprimer
  50. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  51. Mon souci est le suivant, c'est que je ne trouve pas ce code : < p > < data:post.body/ > < /p >

    Je trouve juste et à 2 reprises. Du coup "lire la suite" ne s'affiche pas.

    Si quelqu'un a une solution. Merci d'avance! ;)

    RépondreSupprimer
  52. bjr il faut cocher la case développer le modéle gadget pour trouver le morceau de code

    sinon je te conseille cette méthode @http://lebloggers.blogspot.fr/2009/07/methode-pour-un-resume-photo-dun.html

    RépondreSupprimer
  53. je trouve pas le 2 code il mette en rouge

    RépondreSupprimer
  54. Super merci beaucoup pour cette astuce qui fonctionne parfaitement ! Dommage que ça s'affiche partout même où on ne met pas < span class="fullpost">texte à cacher< /span>
    mais bon...

    RépondreSupprimer
  55. Bonsoir,
    J'ai un probleme tres bete, apres avoir coche la case "developper des modeles de gadgets", je n'ai aucun texte qui s'affiche, juste une page blanche vide, je ne peux donc evidement pas trouver de code... quelqu'un peut il m'aider ? merci

    RépondreSupprimer
  56. @marin :Il faut re-actualiser la page

    RépondreSupprimer
  57. Cela ne fonctionne plus, et ce n'est pas dans "Mise en page" mais dans "Modèle" qu'il y a "Modifier le code HTML" puis après plus rien de ce que vous indiquez !

    RépondreSupprimer
  58. Article réactualisé ici:

    http://transat.cabsii.net/2013/09/ajouter-un-lien-lire-la-suite-aux.html

    RépondreSupprimer

Enregistrer un commentaire

Laisser un commentaire

Plus récente Plus ancienne