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

Code corrigé :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>

</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".