Afficher les derniers billets postés

Il est souvent très utile d’afficher les derniers billets postés sur son blog, notamment en page d’accueil.
C’est une accroche qui permet au visiteur d’avoir un aperçu rapide des billets sans avoir à parcourir verticalement des pages souvent longues.




Voici un gadget pour afficher la liste de vos derniers billets postés.
Notez qu’il est complètement  autonome car ne fait pas appel à un script externe.
Ajoutez un gadget de type HTML/Javascript, puis copier-coller le code suivant dans le contenu :

<script type="text/javascript">
function afficheDerniersBillets(json)
{
   // Nombre de billets à afficher
   var nb_billets = 5;
   if(json.feed.entry.length < nb_billets)
      nb_billets = json.feed.entry.length;
   for (var i = 0; i < nb_billets; i++)
   {
      if(i==0)
         document.write('<ul>');
      var entry = json.feed.entry[i];
      // Titre
      var billet_titre = entry.title.$t;
      // URL du billet
      var billet_url;
      for (var j = 0; j < entry.link.length; j++)
      {
         if (entry.link[j].rel == 'alternate')
         {
            billet_url = entry.link[j].href;
            break;
         }
      }
      // Affiche la liste des billets
      document.write('<li><a href="'+ billet_url+'" title="'+billet_titre+'">'+ billet_titre + '<\/a><\/li>');
      if(i == nb_billets)
         document.write('<\/ul>');
   }
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&callback=afficheDerniersBillets">
</script>
 
  

Vous pouvez choisir le nombre de billets à afficher en modifiant le nombre dans la ligne :

var nb_billets = 5;