Lire la suite... (enfin dans Blogger)

Depuis le 9 septembre, Blogger permet de couper un article pour que n'apparaisse sur la page d'accueil que le début du message, avec un lien "Lire la suite". Je suis encore partagée sur l'utilisation de cette fonction : j'aime bien tout lire d'un coup sans devoir cliquer pour lire la fin puis recliquer pour voir les sujets suivants, mais je reconnais qu'une succession d'articles longs dissuade de balayer les derniers messages publiés sur un blog.

La difficulté pour le rédacteur est d'être suffisamment passionnant dans le début de son article pour que le lecteur éprouve la nécessité impérieuse de lire la fin, ou de rédiger spécifiquement une sorte de résumé de l'article... le contraire de ce que je viens de faire!

Avec le nouvel éditeur de Blogger, il suffit de positionner le curseur à l'endroit où l'on veut couper son texte puis de cliquer sur l'icône "Insérer un saut" complétement à droite de l'éditeur.

Pour ceux qui n'auraient pas basculé vers le nouvel éditeur et n'auraient donc pas le bouton dans l'éditeur, il est possible de rajouter "manuellement" cette coupure avec l'onglet "Modifier le code HTML" en insérant le code <!-- more --> à l'endroit de la coupure.

Grâce à Céline j'ai réussi à modifier le libellé qui invite à lire la suite (il suffit d'aller dans Mise en page > Eléments de la page, de modifier l'élément "Messages du blog" et de remplacer le "texte du lien de la page de messages" par ce que l'on veut).

Simple mais...

Edit - La suite ne concerne que ceux chez qui le lien "Lire la suite..." n'apparaît pas sur la page d'accueil alors qu'ils ont inséré un saut, soit avec le bouton prévu à cet effet soit en rajoutant directement <!--more--> dans le code HTML

Si le lien "Lire la suite..." s'affiche correctement, il ne faut pas rajouter le code tel qu'expliqué ci-dessous (sans quoi le lien s'affichera deux fois).

Quand j'ai essayé la 1ère fois cette fonctionnalité, je voyais bien sur la page d'accueil uniquement la 1ère partie de mon article... mais aucun lien pour lire la suite! Alors que sur mon autre blog, ça marchait tout seul...

La solution se trouve apparemment (ça a l'air de marcher) dans l'article How to Use Blogger's Integrated Read More Feature qui signale que le "Read more" peut ne pas apparaître, normalement uniquement si vous avez modifié le modèle. Effectivement c'est mon cas, j'ai rajouté des boutons de partage en bas de chaque article...

L'article de l'aide de Blogger Creating 'After the jump' summaries précise que le problème peut se poser en cas d'utilisation de modèles à 3 colonnes.

Avant toute chose, sauvegardez votre modèle actuel (dans Mise en page > Modifier le code HTML cliquer sur "Télécharger le modèle dans son intégralité").

Ensuite, cliquez sur "Développer des modèles de gadget" et cherchez le code <data:post.body/> (n'oubliez pas l'usage de la touche CTL F pour trouver facilement le texte dans la page)

puis ajoutez juste après le bout de code suivant :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Il n'y a plus qu'à "Enregistrer le modèle" et à essayer sur un article...

Pour aller plus loin et pour les modèles personnalisés, plus d'indications dans l'article How to add Blogger's Read More function to customized templates

Lire aussi :
Un nouvel éditeur de message dans Blogger

(tous mes tutoriels et mes bidouilles sont dans l'index "informatique")