21/12/09

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


Trước tiên bạn vào Dashboard - “Bảng điều khiển”  I Layout Page Elements và Add a Gadget
Chọn Tiện ích HTML/JavaScript (như hình vẽ)

image
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é.
Chúc các bạn thành công.
phattrienso

Không có nhận xét nào:

Đăng nhận xét