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 :
Après <data:post.body/> et avant </p> Insérez ce code:
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>Alors recherchez ce code HTML :
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>Enregistrez. N'oubliez pas d'écrire vos message de la manière suivante :
<a expr:href='data:post.url'><div style="text-align: right;">Lire la suite ...!</div></a></b:if>
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
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 .
RépondreSupprimerJ'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 ...
En faite, il faut enlever les espaces entre "<" et les lettres pour que le code marche.
RépondreSupprimera+
Rien à faire pour moi, j'ai toujours le même message d'erreur ... j'abandonne .... dommage ..
RépondreSupprimerSi quelqu'un utilise cette subtilité, à partir de ce tuto, ça serait sympa de dire si ça a marché .. à l'avance, merci ..
Mersi pour cette astuce qui fonctionne en enlevant les espaces.
RépondreSupprimerCe commentaire a été supprimé par l'auteur.
RépondreSupprimer@Angy :c'est ce que j'ai rappellé plus haut dans mon commentaire.
RépondreSupprimerBravo pour ceux qui font marcher cette astuce ... Personnellement, j'ai réussi à ne plus avoir mon erreur expliquée plus haut ...
RépondreSupprimerPar 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 ..
@Tonton_JM : et oui !!!
RépondreSupprimerl'inconvenient de cette belle astuce et que le "lire la suite" apparait à tous les messages ...
salut j'ai le fameux problème du XML j'ai bien supprimer les espaces mais ça marche pas merci d'avance
RépondreSupprimernon merci c'est bon c'était tout à fait autre chose j'avais oublié de fermer une balise div
RépondreSupprimer@Le bloggers du net : oui c'est vrai !
RépondreSupprimerDans 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.
Bonjour,
RépondreSupprimerMerci 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"
@Zouard :< span class="fullpost">TEXTE A CACHER < /span >...
RépondreSupprimerdoit ê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
Bonjour,
RépondreSupprimerc'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
@zouard : il faut que tu enleve les espaces entre "<" et "span" ... il faut eliminer les espaces et je crois que ca marche...
RépondreSupprimerbravo c'était bien l'espace qu'il y avait merci bloggers
RépondreSupprimerBonjour,
RépondreSupprimerJ'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 ?
SOS : je n'y arrive pas ! Quand j'installe le modèle, tous mes articles disparaissent !
RépondreSupprimerMerci de votre aide :
s.assante@numericable.fr
www.hautlavoix.blogspot.com
plus aucun message ne s'affiche help!!!!!!!
RépondreSupprimerrealnicocmoi@yahoo.fr
merci d'avance
@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....
RépondreSupprimertiens moi au courant !!§
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épondreSupprimerSalut tout le monde !!!
RépondreSupprimermerci 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/
Salut,
RépondreSupprimerJ'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 !
Rebonjour !
RépondreSupprimerJe 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
j'ai du mal !!!
RépondreSupprimeril faut remplacer une partie de texte ??? il faut juste en rajouter ???
merci pour tes explications.
Bonsoir bonsoir , alors je viens d'essayer
RépondreSupprimerEt 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
Re bonsoir ,
RépondreSupprimerune 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/
Bonjour,
RépondreSupprimerJuste pour te dire merci pour tes astuces qui sont vraiment super.
J'ai un sacré problème.
RépondreSupprimerEn 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.
merci pour l'astuce...
RépondreSupprimerMais j'ai un petit blème, je n'arrive pas à cacher mes playlists, ce qui en grande partie le but de ma démarche.
à +
moi je ne trouve pas le code post-header-line dans mon html comment faire
RépondreSupprimer@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
RépondreSupprimera bientot
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@Sam : tu as deux portions de code à enlever donc je suis aller voir dans ton code source et tu dois enlever ce premier code :
RépondreSupprimer"< 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+
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.
RépondreSupprimerMerci quand même ! C'est très apprécié!
salut
RépondreSupprimerj'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é!!
Bonjour,
RépondreSupprimerJ'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 ?
3 milles merci, j'étais à la recherche de cette astuce depuis un temps et là je suis vraiment satisfaite
RépondreSupprimerBonjour
RépondreSupprimerMoi dans mon blog je ne trouve pas :
< div class='post-header-line-1'/>
< div class='post-body'>
quelle est la solution ?
kharichi@gmail.com
Slt
RépondreSupprimerAu 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/
oui ... moi aussi
RépondreSupprimersuper ca marche a 100/100.
RépondreSupprimercomme vous dites enlevez les espaces
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à justine : je viens d'éliminer les espae des code et ca doit marche rplus facilement .
RépondreSupprimerA+
sharing.i bonne pense qu'il est très agréable et je viendrai time.thanks prochaine.
RépondreSupprimerBonsoir 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.
RépondreSupprimerQuelqu'un saurait-il comment procéder pour corriger ce bug? :s
merci d'avance! :)
@un blogger : tu ne peut pas le corriger car le lire la suite se met automatiquement dsl
RépondreSupprimertrès beau post et j'aime beaucoup!
RépondreSupprimermoi j'aimerais bien mettre le "lire plus" au milieu de l'article mais je n'y arrive pas :(
RépondreSupprimerSi quelqu'un pourrais m'aider ça serais cool :D
http://thesellerofstyle.blogspot.com/
salut tout le monde d'abord merci mon chef pour ce sujet la , il m'aidé beaucoup....
RépondreSupprimerpour 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 :)
Ce commentaire a été supprimé par l'auteur.
RépondreSupprimerMon souci est le suivant, c'est que je ne trouve pas ce code : < p > < data:post.body/ > < /p >
RépondreSupprimerJe trouve juste et à 2 reprises. Du coup "lire la suite" ne s'affiche pas.
Si quelqu'un a une solution. Merci d'avance! ;)
bjr il faut cocher la case développer le modéle gadget pour trouver le morceau de code
RépondreSupprimersinon je te conseille cette méthode @http://lebloggers.blogspot.fr/2009/07/methode-pour-un-resume-photo-dun.html
je trouve pas le 2 code il mette en rouge
RépondreSupprimerSuper 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>
RépondreSupprimermais bon...
Bonsoir,
RépondreSupprimerJ'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
@marin :Il faut re-actualiser la page
RépondreSupprimerCela 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épondreSupprimerArticle réactualisé ici:
RépondreSupprimerhttp://transat.cabsii.net/2013/09/ajouter-un-lien-lire-la-suite-aux.html
Enregistrer un commentaire
Laisser un commentaire