BÀI MỚI NHẤT

Monday, April 29, 2013

Cách hiển thị bài viết ngẫu nhiên




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>

Post a Comment

 
Copyright © 2014 Welcome