Thứ Tư, 20 tháng 7, 2011

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

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

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

Đăng nhận xét

- Rất mong có được những nhận xét đóng góp của các bạn.

- Bạn là người văn minh, bạn comment lịch sự nhé!

- Nếu thấy bài viết có ích cho bạn, hãy ủng hộ cho Blog bằng cách nhấn vào quảng cáo nha. Thanks!