déc/0713
Chapeau "Lire la suite" pour Blogger Beta
Enfin! J’ai reussi à faire un chapeau « Lire La suite » Blogger/Blogspot. J’en ai pinaillé pour trouver un tutorial (ou tutoriel) correct sur internet, alors j’en fais un, pour ceux que ça interesse.
Mon blog étant « powered » by Blogger Beta, c’est à dire avec les mises en forme en widget à déplacer sur la page, ce tutorial s’adresse surtout à eux.
Allez dans « Modèle » puis « Modifier le code Html », et cochez « Developpez les modèles de widget ».
Tout d’abord, il est nécessaire de permettre de faire du CSS conditionnel. Ainsi, copiez les lignes suivantes juste avant la balise fermante </head>:
<style>
<b:if cond=’data:blog.pageType == « item »‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</style>
Puis, ajoutez le code suivant direct apres <data:post.body/> :
<b:if cond=’data:blog.pageType != « item »‘><br />
<a expr:href=’data:post.url’>Read more!</a>
</b:if>
Remarque : vous pouvez mettre autre chose que « Read more »… naturellement !
Maintenant que tout est prêt, lors de la rédaction d’un billet il vous suffit de mettre le texte qui se trouve dans la partie « complète » entre les balises <span class= »fullpost »> et </span>, comme dans dans l’exemple suivant
Debut du message <span class= »fullpost »> Reste du message </span>
Remarque : vous pouvez mettre ses balises par défaut dans Paramètres > Modèles > Modèle de Message Blog, ainsi chacun de vos billets auront un chapeau « Lire la suite ».
Laisser un commentaire
Aucun trackbacks pour l'instant
22:43 on 9 mars 2008
bonjour,
tout d’abord, je te remercie d’avoir repris les explications de la recap de messages. cependant, j’ai besoin d’aide. j’ai suivi avec attention tes consigne et celle de l’aide bloger, mais apparement je suis trop nul.
pourrais tu m’expliquer en details la procedure a suivre pour modifier la presentation de ma page de blog et ainsi presenter mes articles sous forme de petit message avec la mention « read more ».
merci davance, (je passerai voir ton blog pour toute explication ou alors, s’il t’ai possible de me transmettre sur mon email un exemple de feuille de style CSS)
lamidav@yahoo.fr
15:04 on 23 mars 2008
J’étais depuis longtemps à la recherche d’un tutoriel pour modifier mes post. Grande joie de tomber sur ton blog. Cependant en suivant tes indications lorsque j’ai voulu faire un aperçu de mon blog j’ai eu ce message : « Veuillez corriger l’erreur ci-dessous et renvoyer votre modèle. 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 element type « b:if » must be terminated by the matching end-tag « ».
Si tu pouvais m’en dire plus. Merci d’avance
15:33 on 23 mars 2008
apparemment t’as raison j’ai oublié la fin du if
ce serait plutot ca ( je vais le corriger dans le post )
15:11 on 31 mars 2008
Merci beaucoup pour ce super tuto! Mais comment faire si l’on veut appliquer cette fonction uniquement sur certains messages?
10:43 on 1 avril 2008
ah chuis désolé c’est ca le probleme avec cette méthode, ca s’applique à tous les messages….
18:36 on 8 avril 2008
salut,
je te remercie pour ces infos bien précieuses.
petit soucis, impossible de trouver la balise data:post.body/ dans mon modéle…. bref une idée ?
18:36 on 8 avril 2008
salut,
je te remercie pour ces infos bien précieuses.
petit soucis, impossible de trouver la balise data:post.body/ dans mon modéle…. bref une idée ?
6:55 on 9 avril 2008
je suppose que tu as deja essayé mais, un ctrl+f pour chercher ta balise ^^… sinon je suppose qu’elle existe pas, et c’est biazrre
0:48 on 12 juin 2008
Ne pas oublier de cocher la case « Développer des modèles de gadget » pour retrouver la balise. Sinon on peut chercher longtemps…
18:48 on 28 juillet 2009
Bonjour, merci pour ce tuto et pour l’explication
mais j’avais un problemes
Impossible d’enregistrer votre modèle
Veuillez corriger l’erreur ci-dessous et renvoyer votre modèle.
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 : Open quote is expected for attribute « {1} » associated with an element type « cond ».
19:52 on 31 août 2009
Idem que multras, fonctionne pas.
14:57 on 24 mai 2010
J’ai le même problème que multras et foxprime. mais je voudrais aussi savoir si quelqu’un sait comment faire pour que quand on clique sur lire la suite le message s’affiche en entier sans charger une nouvelle page(sur le même onglet) parce que à cause de ça on perd à chaque fois la page d’accueil et il fait faire reculer d’un page pour voir les autres messages.
15:14 on 24 mai 2010
En fait ce blog a été porté sous wordpress, du coup je ne peux plus t’aider concernant la fonctionnalité « Lire La suite » sous blogger.
Concernant un affichage dynamique du contenu, il faudrait que t’aille voir du coté des librairies du type javascript / jquery, etc : un truc de barbu-geek quoi :-(