Widget pour afficher les Articles les plus récents dans Blogger


Je vous présente ici la méthode la plus simple pour ajouter un Widget qui affiche les articles / Messages les plus récents de votre blog Blogger.



Connectez vous à Blogger, Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(lire la suite)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}</script>
<script>
var numposts = 7;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://www.leblogger.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script><div style="text-align: center;"><p><a href="http://www.leblogger.com/" target="_blank"><span style="font-size: x-small;">Widget par LeBlogger.com</span></a></p></div>
Remplacer l’URL en rouge par l’adresse de votre blog et Enregistrer.
Vous pouvez changer les paramètres en vert pour personnaliser votre Widget : nombre d’articles / message, date, résumé…

Alternative:
FeedBurner propose le même service avec BuzzBoost pour afficher les articles les plus récents. Vous pouvez également utiliser l'option "Feed" de Blogger pour afficher les 5 derniers articles publiés dans un widget.

UpDate:
Voici un nouveau widget pour afficher les articles récents avec une image.
Je vous conseil vivement ce widget avec le nouveau.
Libellés : Publié le dimanche, juin 14, 2009
24 Commentaires
  1. Bonjour,

    J'ai collé ce code et mis le nom de mon blog mais rien ne s'affiche.

    Y-a-t-il un remède?

    Merci !

    RépondreSupprimer
  2. Salut Una Idea,

    Est ce que tu as bien remplacer le code en rouge par l'adresse de ton blog ? Donc uckysab.blogspot.com ou partimonkiki2.blogspot.com

    Réessaie et si ça ne marche toujours pas je te donnerais une autre méthode. :D

    C’est le même code que j'utilise dans mon blog pour afficher les dernier articles / libellés et il utilise le flux de Blogger. ~x(

    RépondreSupprimer
  3. je viens de tester ce widget avec l'URL de ton blog et ça marche très bien.

    Comme je te l'ai dejà dis réessaie encore et si ça ne marche toujours pas je te donnerais un autre code à inserer dans ton code HTML.

    RépondreSupprimer
  4. Bonjour,

    Merci beaucoup pour les réponses et les tests !

    En fait je viens de tester à l'instant le buzzbooster de feedburner que je vais garder.

    Bonne continuation à vous,

    Merci

    RépondreSupprimer
  5. Salut Una Idea,

    Content que tu es pu trouver ce que tu cherchais. :)

    J’ai regardé le Widget dans ton blog, tu peux facilement modifier ou surprimer le texte « Subscribe to this Feed » par contre le logo en Anglais de Feedburner tu ne peux pas le supprimer parce qu’il est encoder dans le fichier JavaScript au quel on n’a pas accès.

    (Le logo renvoie vers le site de Feedburner donc c’est de la publicité et des Backlinks gratos…. Ton Widget des Derniers Commentaires contient également une Pub ....)

    *Comme tu utilises le Flux de Feedburner, il peut arriver que tes articles ne s’affichent pas instantanément dans le Widget puisque Feedburner doit les récupérer d’abord du Flux de Blogger.

    RépondreSupprimer
  6. Bonjour Souf,

    Merci pour toutes ces infos et d'avoir pris le temps de regarder tout ça.

    Bonne continuation !

    :)

    RépondreSupprimer
  7. Salut Una Idea,

    Souf à votre service :D

    =))

    RépondreSupprimer
  8. Bonjour, j'ai collé le code et modifier la ligne d'adresse du blog, rien ne s'affichehttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif

    RépondreSupprimer
  9. :( Laisse ton blog Bob que je puisse regarder :|

    RépondreSupprimer
  10. Bonjours,
    je voulais savoir comment faire Pour avoir les Articles récents comme dans ce blog ?

    RépondreSupprimer
  11. Bonjours,
    je voulais savoir comment faire Pour avoir les Articles récents comme dans ce blog :D?

    RépondreSupprimer
  12. Salut Nat :|,
    je vais publier l'article 2mains :))

    RépondreSupprimer
  13. J'adore ce Blog! J'ai appris plein de truc grâce à lui! Bravo au rédacteur de ce blog plein de trucs et astuces!

    RépondreSupprimer
  14. @ Christophe Cherel :)
    Merci beaucoup, ça fait vraiment plaisir :)

    RépondreSupprimer
  15. Bonjour,

    J'ai un problème sur mon blog : http://bibliophilie.blogspot.com/

    Il contient près de 800 messages et j'aimerais en afficher une vingtaine sur la page d'accueil, cela a toujours été le cas jusqu'à il y a quelques jours où il a décidé tout seul de n'en afficher que 5, même si dans "Mise en Forme", "Afficher", j'ai entré afficher 20 message sur la page principale....

    Savez-vous pourquoi? Que puis-je faire? Je n'ai absolument rien modifié de mon côté.

    Merci

    RépondreSupprimer
  16. Bonjour Soufiane,

    Merci pour les différentes solutions que tu préconises pour afficher les articles récents. Sachant que le serveur blogger est assez lent… et encore lorsqu’on ajoute des widgets. Quelle solution est pour toi la plus optimale, celle qui alourdirait le moins le chargement : l’ajout d’un code javascript ou l’ajout du widget permettant d’extraire le flux RSS ?

    Merci d’avance !
    Diana

    RépondreSupprimer
  17. @
    Bien sûr le widget permettant d’extraire le flux RSS, j'en utilise 5 dans LeBlogger.com

    RépondreSupprimer
  18. Bonsoir Soufiane

    j'ai découvert votre blog en effectuant des recherches sur le net, Merci pour vos conseils précieux et votre aide ...
    Cordialement Imane: http://iletaitunebaronne.blogspot.com

    RépondreSupprimer
  19. Bonsoir Soufiane :D

    Pourrais-t-on inversé l ordre des articles affichés ?
    C-à-d remplacer "published" par antichronologique ou je sais pas quoi ^^

    Merci d avance :p

    RépondreSupprimer
  20. est ce qu'on peut faire que pour un libellé ?
    si oui je dois rajouter quoi dans le code ?

    RépondreSupprimer

Copyright 2015 Soufiane.fr