Afficher des articles aléatoires sur son blog Blogger


  • Français
  • English

  • Un code Javascript très simple qui permet d’afficher des articles au hasard sur son blog sous Blogger.


    Le code pour les articles au hasard

    <div id="wk_random_post_widget">
    <h3>Articles au hasard</h3>
    <ul id="wk_random_post_list"></ul>
    </div>
    <script type="text/javascript">
    //<![CDATA[
    var wk_feed_url = "https://votreblog.blogspot.com/feeds/posts/default";
    var wk_max_posts = 5;
    var wk_random_posts = [];

    function wk_get_random_posts(json) {
    var total = json.feed.openSearch$totalResults.$t;
    var indices = [];
    while (indices.length < wk_max_posts) {
    var index = Math.floor(Math.random() * total) + 1;
    if (!indices.includes(index)) {
    indices.push(index);
    }
    }
    for (var i = 0; i < wk_max_posts; i++) {
    var script = document.createElement("script");
    script.src = wk_feed_url + "?start-index=" + indices[i] + "&max-results=1&alt=json-in-script&callback=wk_show_random_post";
    document.body.appendChild(script);
    }
    }

    function wk_show_random_post(json) {
    var entry = json.feed.entry[0];
    var title = entry.title.$t;
    var link = entry.link.find(function(l) { return l.rel == "alternate"; }).href;
    var li = document.createElement("li");
    var a = document.createElement("a");
    a.href = link;
    a.innerText = title;
    li.appendChild(a);
    document.getElementById("wk_random_post_list").appendChild(li);
    wk_random_posts.push(entry);
    }

    var script = document.createElement("script");
    script.src = wk_feed_url + "?max-results=0&alt=json-in-script&callback=wk_get_random_posts";
    document.body.appendChild(script);
    //]]>
    </script>

    Remplacez https://votreblog.blogspot.com/feeds/posts/default par l’adresse de votre blog sous Blogger. Et collez le code dans la zone des widgets de votre blog. Ce code utilise le flux RSS pour scanner les articles qu’il va afficher au hasard, ce qui fait qu’il ne va pas afficher tous les articles si votre blog est très ancien, mais il en couvrira une grande partie. Si vous voulez changer le nombre d’articles à afficher, changez simplement la valeur var wk_max_posts = 5; par celle que vous voulez.

    Houssen Moshinaly

    Pour contacter personnellement le taulier :

    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    Copy code