Tạo tiện ích “Bài viết ngẫu nhiên – Random Post”

Phattrienso cũng không nhớ rõ đã thực hiện tạo cái widget “Bài viết ngẫu nhiên – Random Post” từ đâu và như thế nào, và cũng tưởng đã post  bài viết hướng dẫn tạo chúng.

Vừa rồi Tac-Ke có qua thăm blog và yêu cầu có bài hướng dẫn thì mới biết là đã bỏ sót bài viết này. Do vậy trong bài viết này phattrienso xin hướng dẫn các bạn cách thực hiện để tạo ra tiện ích “Random Post” hay thường gọi là Bài viết ngẫu nhiên.

Xin nói trước là cách thực hiện cực kỳ đơn giản, bất cứ ai cũng có thể tạo được chỉ bằng vài click.

Trước tiên bạn vào Dashboard - “Bảng điều khiển”  I Layout I Page Elements và Add a Gadget

Chọn Tiện ích HTML/JavaScript (như hình vẽ)

và copy và paste đoạn mã sau vào:

<div id="random-posts"></div>
<script type="text/javascript">
function getRandomPosts(json) {
    var maxEntries = 10;
    var numPosts = json.feed.openSearch$totalResults.$t;
    var indexPosts = new Array();
    for (var i = 0; i < numPosts; ++i) {
        indexPosts[i] = i;
    }
    indexPosts.sort(function() {return 0.5 - Math.random()});
    if (maxEntries > numPosts) {
        maxEntries = numPosts;
    }
    var container = document.getElementById('random-posts');
    var ul = document.createElement('ul');
    for (i = 0; i < maxEntries; ++i) {
        var entry = json.feed.entry[indexPosts[i]];
        var li = document.createElement('li');
        var a = document.createElement('a');
        a.title = entry.title.$t;
        for (var j = 0; j < entry.link.length; ++j) {
            if (entry.link[j].rel == 'alternate') {
                a.href = entry.link[j].href;
                break;
            }
        }
        a.appendChild(document.createTextNode(entry.title.$t));
        li.appendChild(a);
        ul.appendChild(li);
    }
    container.appendChild(ul);
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>

Bạn thấy sao? Rất đơn giản.

Bạn đã được gì? – Một tiện ích “ Bài đăng ngẫu nhiên “.

Bạn nói gì? Nếu có hãy comment nhé.

Bạn muốn cám ơn phattrienso? Hãy click quảng cáo (he he).

Chúc các bạn thành công.

Mời bạn hâm nóng nhiệt độ bằng cách click để

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.