Juste une partie de vos articles à la page d’accueil

By
Advertisement

Faisant suite à mon premier message « Afficher seulement un partie de vos articles » et vu que certains commentaires ont révélé que certains codes n’étaient pas trouvable sur quelques modèles, je vous propose une autre technique pour afficher seulement une partie ou le résumé de vos messages à la page d’accueil. Cette méthode a été développée par Ramani.

Pour installer cette fonctionnalité sur votre blog, aller sur « modifier le code HTML », assurez vous que la case pour « Développer des modèles de gadget » soit sélectionné et faîtes une copie du code de votre blog que vous conserverez dans un fichier Word ou Notepad pour le remettre en place juste en cas de pépin (le mieux serait de nommer ce fichier avec en plus la date de sa création, pour ne pas confondre avec ceux que vous auriez pu enregistrer avant).

Assurez vous qu’il existe une page dédiée pour chacun des vos articles. Pour cela, aller sur paramètres, archivage et voyez si « Activer les pages de messages blog ? » est à Oui. Si non, mettez oui

1. Recherchez "post-header-line" pour trouver le code ci-après dans votre modèle et ajoutez le code en rouge.


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

< div class='post-body'>

< b:if cond='data:blog.pageType == "item"'>

< style>.fullpost{display:inline;}< /style>

< p>< data:post.body/>< /p>

< b:else/>

< style>.fullpost{display:none;}< /style>

< p>< data:post.body/>< /p>

< a expr:href='data:post.url'>Lire la suite......< /a>

< /b:if>

< div style='clear: both;'/> < !-- clear for photos floats -->

< /div>

Vous pouvez remplacer le phrase lire la suite par « En savoir plus » ou n’importe quelle autre phrase.

2. La dernière chose que vous avez à faire est de placer quelques codes dans vos articles. Insérer le code < span class="fullpost"> juste à la fin de la partie de l’article que vous voulez voir s’afficher à la page d’accueil. Puis saisissez le reste de l’article et à la fin de l’article insérez le code suivant < /span >

Ceci devrait ressembler à quelque chose comme :

Le début d’un long article qui est coupé ici.

< span class="fullpost">

Ceci est la suite et la fin de l’article

< /span >

Pour éviter d’ajouter le code à chaque fois que vous saisissez un article, d’ajouter le code au « modèle de message blog» en allant sur « paramètre » puis « mis en forme » et à la fin de la page, dans la case « modèle de message blog » ajouter les codes < span class="fullpost"> < /span > en s’assurant que le texte sera écrit à l’endroit approprié.

Vous pouvez, pour vous faciliter la tâche, coller le modèle suivant :

Le début d’un long article qui est coupé ici.


< span class="fullpost">

Ceci est la suite et la fin de l’article

< /span >

Comme ça, à chaque fois que vous voudrez écrire un nouvelle article, vous verrez apparaître les deux phrases ci-haut que vous remplacerez par les parties de l’article que vous voulez voir à la place.


Si cet article vous a plus, vous pouvez souscrire à mon feed rss ou à ma newsletter pour rester à jour ou encore rejoindre ma communauté sur Mybloglog et celle sur Blogcatolog.

Merci d'être passé.


22 commentaires:

  1. Je me désespère ! J'ai pourtant, il me semble, suivi à la lettre toutes vos indications, mais, rien à faire, Blogger refuse le fichier .xml !!!


    Bouhhhhhhh

    RépondreSupprimer
  2. Ne désespère pas. Au fait, l'astuce ne marche que pour le nouveau blogger. Si tu utilise l'ancien, vois plutôt le premier message (tu vois le lien juste au début de l'article).

    RépondreSupprimer
  3. Arf je n' arrive pas :( n existe t il pas de fichier deja realise ? ( oui je sais je suis feniant ^^ ) le fait de faire un copier coller pour la globalite des themes Blogger ?
    Merci pour toutes ses informations et bonne continuation ....

    RépondreSupprimer
  4. Salut Rodner,
    Je développe un petit blog et ton astuce bloque.
    J'ai fait un copié-collé dans mon modèle html.
    C'est le nveau blogger et ça ne fonctionne pas.
    Le seul truc différent c'est le début. Mon modèle :
    div class='post-body entry-content'
    ça peut avoir une incidence ?
    Merci pour ton aide

    RépondreSupprimer
  5. moi aussi j'ai essayé mais ca ne marche pas pourtant j'ai recollé tout les morceaux de code qui étaient détaché..dommage
    a+

    RépondreSupprimer
  6. Kaiser franz,

    j'ai essayé l'astuce sur mon blog café biblique qui a la même particularité que le tien et ça n'a pas marché. Il se pourrait que ça ait une incidence.

    Après toutes ces plaintes, j'ai essayé sur mon blog test pour I.D.R.I et le code s'insérer facilement.

    vous pouvez soit aller sur le site source (chez ramani) et voyez le code dispo là bas, essayé de coller pour voir si ça marche et informez moi.

    RépondreSupprimer
  7. bonjour rodney,
    je suis pourtant bien sur le nouveau blogger, mais ca ne fonctionne pas, c'est a n'y rien comprendre !! je ne trouve meme pas "post-header-line" dans mon code html, il n'existe pas !, donc je ne sais pas ou copier-coller votre code.
    Avez vous une astuce magique ?
    Merci !
    Maurice

    RépondreSupprimer
  8. En fait, il y a juste un problème d'espaces en trop dans les balises (aussi dans le span à insérer dans les articles).

    Une fois qu'on les enlève, ça fonctionne.
    Donc après les "<" et puis avant les ">", il faut enlever tous les espaces, et c'est OK

    RépondreSupprimer
  9. Pour moi ca fonctionne a merveille! Merci

    RépondreSupprimer
  10. Bonjour,
    J'ai tout suivi à la lettre mais cela ne fonctionne pas...il y a bien le "suite.." qui s'affiche mais c'est tout. J'ai mis le code "span class..." dans "le modèle de message blog" mais sans grand succès...J'ai aussi vérifié les espaces en trop, s'il y a une suggestion elle es la bienvenue.

    A part ça, très chouette le blog!!
    Claudia

    RépondreSupprimer
  11. Pareil ça ne passe chez moi dommage.

    RépondreSupprimer
  12. ca marche chez moi, merci

    mais comment supprimer lire la suite sur des articles courts qu'on a pas forcément envie d'afficher seulement un petit preview ???
    mon blog
    http://isos3rd.blogspot.com/

    RépondreSupprimer
  13. Aucun problème si l'on prend soin de ne pas copier coller... l'exemple. Comme dit précédemment dans les commentaires, il existe des espaces qui perturbent le code.
    Par contre je serais intéressé si quelqu'un pouvait me rappeler comment insérer des commentaires dans les sources par exemple, dans ce cas: Tous ce qui est en rouge est à insérer, je voudrais bien les encadrer par
    /' **** Début d'insertion**** '/
    codes en rouge
    /' **** Fin d'insertion**** '/

    frenchalain55 sur gmail

    RépondreSupprimer
  14. pour insérer les comm' utilise

    / *

    commentaire

    * /

    mais tu tu est dans la partie du code concernant les div < div ... / > < span .../ > etc.. utilise

    < !--
    commentaire
    -- >

    RépondreSupprimer
  15. Bonjour
    Merci pour cette aide et j'ai enfin réussi :-)
    cependant je n'ai pas eu besoin de créer un modèle de msg (c'est sans doute la nouvelle version ou mon template) du coup tous les posts sont avec "lire la suite" hors j'ai besoin de gérer au cas par cas... Une autre solution existe ? je n'ai rien trouvé malgré pas mal de recherches. merci

    RépondreSupprimer
  16. Je reviens sur cette astuce.
    Help !! ca ne fonctionne pas.. Qui a la bonne astuce ??
    Merci

    RépondreSupprimer
  17. Salut, Rodney

    je ne sais pas si cela t'intéresse tjrs, mais sur ton blog "café biblique", je vois que ce n'est tjrs pas fait, donc je me dis que, peut-être...

    Donc voilà, j'ai fini par adapté le même template que le tien, et j'ai ajouté les résumés (voir mon blog pour preuve).

    Pour cela, j'ai repéré les lignes de codes l'affichage des titres des posts.
    Comme je n'arrive pas à insérer les lignes concernées ici, il suffit de chercher les termes:
    font-size:24px; line-height:26px
    qui sont dans un tag "h2",

    et en me plaçant juste derrière avec le code que tu donnes, cela a fonctionné

    Bon courage si tu réadaptes ton site : reprendre tous les posts avec les "fullpost", j'ai cru devenir barge et pourtant, je n'ai que 36 posts pour le moment ;)

    A+

    Fred A.

    RépondreSupprimer
  18. Bonjour Rodney,

    Tout d'abord, merci pour cette astuce. Elle est vraiment chouette ! Je l'ai installée sur un de mes blogs récemment, et tout semblait fonctionner correctement... sauf que ce n'est pas tout à fait le cas. L'astuce fonctionne correctement sous IE7, mais pas totalement sous FireFox3 (ce qui est un comble, tout le monde en conviendra !).

    Je ne sais pas bien comment expliquer le problème. Sur certains articles, il n'y a pas de souci. En revanche, sur d'autres, une partie de ce qui est entre les balises < span class="fullpost"> et < /span> n'est qu'en partie caché... comme si j'avais fermé ma balise trop tôt, ce qui n'est pas le cas.

    J'imagine qu'il doit y avoir un conflit entre plusieurs balises, mais je n'arrive pas à voir à quel endroit ça pêche. Sur certains articles (exemple les archives du mois d'octobre), ça ne marche d'ailleurs pas du tout, alors que sous IE il n'y a aucun problème. J'enrage...

    Aurais-tu une idée de solution, par hasard ?

    Merci beaucoup.

    RépondreSupprimer
  19. Salut Rodney,

    Bon... Je suis un peu obstinée - et je t'assure que ce n'est rien de le dire ! - et je me doutais bien que mon souci venait de conflits entre balises... Conflits dont IE s'arrangeait tant bien que mal, mais que FF ne comprenait pas. Je suis donc en train de reprendre tous mes articles, un à un, et de tout bien nettoyer mon code... Et ça a l'air de fonctionner... Espérons que ça continue !

    Désolée du dérangement... et encore merci pour cette astuce !

    A très bientôt !

    RépondreSupprimer
  20. Super!
    J'ai un peu ramé à cause de ces histoires d'espaces à supprimer, mais c'est tout bon!

    Merci pour ton site qui me permet de faire un très joli blog alors que j'y connais pas grand chose à la base ^^
    http://rennes-ethique.blospot.com

    RépondreSupprimer
  21. Salut et bravo pour ce blog.

    Pour ce qui est de la méthode de l'article d'avant je ne trouve pas les balise.
    je me suis donc orienté sur celle-la, mais probleme "< div class='post-header-line-1'/> et < div class='post-body'>" n'exitent que quand je fais afficher le code source de mon blog depuis le navigateur mais pas dans l'interface de blogger.

    RépondreSupprimer
  22. Salut Rodney, j'ai le meme souci que fab du commentaire précédent... Pourrais tu m'aider pour mon blog : http://lamaisondupere.blogspot.com/

    Merci d'avance

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT