Créer une liste de tous les articles par titre

Le module "Archives du blog" de Blogger n'est pas très pratique: il classe les articles par jour, mois ou année. Bonne chance pour retrouver un article rapidement si vous ne vous souvenez pas de la date de parution...

Il est possible de créer une page ou un module contenant la liste de tous vos articles publiés et de trier cette liste de façon alphanumérique ou chronologique.


Pour cela, il faut passer par Yahoo! Pipes qui permet de tripatouiller les flux de données: tri, filtre, joindre plusieurs flux...

L'article original est créé par Greenlava de BloggerSentral et se trouve ici (en anglais): Listing post titles in alphabetical or chronological order.

Procédure:
1. Il faut disposer d'un compte Yahoo! Si vous n'en avez pas, vous pouvez le créer sur la page Pipes en cliquant sur "Join Now". Si vous avez déjà un compte Yahoo!, il suffit de se connecter en cliquant sur "Sign in".

2. Rendez-vous sur la page suivante: List post titles in alphabetical or chronological order v1

3. Cliquez sur "Clone".

4. Allez dans "My Pipes".

Vous devriez trouver le pipe clôné dans la liste de vos pipes sous les nom de
List post titles in alphabetical or chronological order v1 copy.

5. Cliquez sur le nom du pipe.

6. Vous verrez ici le numéro id de votre pipe, vous en aurez besoin plus tard.

Vous pouvez modifier le nom de votre pipe ou le pipe lui-même si vous le désirez (cliquez sur Edit Source) mais ce n'est pas indispensable au bon fonctionnement de celui-ci.

Placez le widget dans une page:
5. Créez une nouvelle page dans votre blog. Avec Blogger, sélectionnez une nouvelle page blanche et non une adresse web.

6. Passez en mode HTML et ne revenez plus dans le mode Rédiger, ça pourrait rendre le code illisible (à cause des retours de ligne que qui peuvent être remplacés automatiquement par d'autres caractères).

7. Sélectionnez et copiez le code suivant, puis collez-le dans votre page.

<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
 document.write('<ul style="font-weight:bold">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ul>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.bloggersentral.com
 &Order=alphabet
 &_id=401e43055731c1a29f1e1d3eb5e8e13f
 &_callback=getYpipeTL
 &_render=json" 
type="text/javascript"></script>
<span style="font-size: 80%; float:right;">Get this <a href="http://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.html" target="_blank">widget</a></span>
<!-- Alphabetical Post Title Listing End -->

8. Si vous ne désirez pas voir apparaître le nombre de commentaires à côté des titres, effacez la ligne:

 document.write(pComment); //to remove comment count delete this line

9. Remplacez l'URL de BloggerSentral par l'URL de votre blog dans la ligne:

YourBlogUrl=http://www.bloggersentral.com

10. Remplacez l'id par votre id (voir point 6 plus haut) dans la ligne:

&_id=401e43055731c1a29f1e1d3eb5e8e13f

11. Publiez la page et regardez la page: la liste devrait s'y trouver.

Exemple: cliquez ici

Placez le widget dans un gadget:
La procédure est environ la même: allez dans le mode "Mise en page", ajoutez un gadget et sélectionnez le type de gadget "HTML/JavaScript".

Collez le code comme expliqué ci-haut à partir du point 7.

Éditez le code pour laisser ou non le nombre de commentaires, remplacer l'URL par le vôtre et l'ID par le vôtre.