Thứ Hai, 4 tháng 5, 2009

Thêm tiện ích “Bài viết ngẫu nhiên – Random Post” cho Blogspot

Hôm nay VN Tim™ 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 cho blogspot

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

thêm Random Post cho Blogspot vntim.tk Add a Gadget

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

thêm Random Post cho Blogspot vntim.tk HTML/JavaScript

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.

2 Comments:

CXD - XÂY DỰNG DD CLUB said...

THANK BẠN NHIỀU NHÉ!

Trung Lùn said...

Vừa làm xong :D
Infographic BLOG

Đăng nhận xét

» VnTim™ cảm ơn bạn đã đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
» Bạn có thể sử dụng một số thẻ HTML như <b>, <i>,<a>.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
» Rất cảm ơn những comment thiện ý.

 

VnTim™ Trái Tim Việt Nam Copyright © 2010 VnTim™ Trái Tim Việt Nam