Hiển thị bài viết ngẫu nhiên

Tương tự như bài viết trước related post ,phần này tạo lập danh sách ngẫu nhiên cho các bài viết khác. Nhưng không đặt ở sau bài viết, ta có thể đặt tuỳ theo ý thích, nằm ngoài bài viết.Chỉ cần thực hiện vài bước, rất đơn giản.Nếu quan tâm bạn thực hiện như sau:

Các bước thực hiện. Thiết kế/ bố cục/ thêm tiện ích/ chọn Html&Java

1.Đăng nhập vào Blogger.
2.Dashboard / Layout/  Page Elements/ Add a Gadget/ HTML&JavaScript
3.Copy và Paste đoạn mã sau vào phần nội dung sau đó lưu lại là xong.

<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>

Related Posts hiển thị bài viết khác ở cuối bài