Afficher plus de 200 commentaires

Sur Blogger, il existe pour les commentaires une limitation de 200 à afficher sur une page d’article. Seulement, si vous avez un blog aussi populaire que Papilles et pupilles avec des articles ayant plus de 200 commentaires, c’est agaçant de ne pas voir les autres commentaires être affiché.

Normalement, dès qu'un article a plus de 200 commentaires, vous devrez voir apparaître des liens permettant aux lecteurs d'aller voir les commentaires le plus récents ou les plus anciens (voir sur exemple sur cette page qui a plus de 800 commentaires). 

Si ces liens n'apparaîssent pas sur votre blog, il vous suffit d’ajouter un bout de code dans le widget blog1 (celui qui affiche les articles), ceci pour donner aux lecteurs la possibilité de jeter un coup d’œil aux commentaires qui ne s’affichent pas en cliquant sur un lien pour aller sur la page suivante des commentaires.

Voici les étapes à suivre pour arriver à cette fin :

1. Se connecter sur votre compte Blogger, aller sur Mise en page puis sur « Modifier le code html ».

2. Trouver la ligne suivante :

<b:includable id='comments' var='post'>

Quelques lignes après celle-ci, vous trouverez cette ligne <dl id='comments-block'> qui est elle précédée de </h4>.

3. Entre les lignes citées ci-haut, mettez le code suivant :

<b:if cond='data:post.commentPagingRequired'>

        <span class='paging-control-container'>

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

          &#160;

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

          &#160;

          <data:post.commentRangeText/>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

        </span>

      </b:if>

Ce qui donnera le résultat suivant :

<b:includable id='comments' var='post'>

  <div id='comments'>

    <a name='comments'/>

    <h4>

      <b:if cond='data:post.numComments == 1'>

        1 Comment:

      <b:else/>

        <data:post.numComments/> Comments:

      </b:if>

    </h4>

<b:if cond='data:post.commentPagingRequired'>

        <span class='paging-control-container'>

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

          &#160;

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

          &#160;

          <data:post.commentRangeText/>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

        </span>

      </b:if>

    <dl id='comments-block'>

      <b:loop values='data:post.comments' var='comment'>

4. Enregistrez votre modèle et allez admirer le résultat sur un article qui a plus de 200 commentaires.

Notez que vous pouvez remplacer le code en bleu par une phrase du genre "commentaire plus anciens" et le code en rouge gras par une phrase du genre "commentaire plus récents" (ou une phrase qui ira avec le style de votre blog). Vous pouvez même mettre à la place des images, en ajoutant bien sur un balise du genre :

<img src="url_de_limage" border="0" alt="Texte Alternatif" />

Bon, voilà, je crois qu'avec ça, les lecteurs pour voir tous les commentaires publiés sur un article.

@+