[Blogspot-TT] Thủ thuật bài viết ngẫu nhiên (Random Posts) - 21102019

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Friday, July 2, 2010

[Blogspot-TT] Thủ thuật bài viết ngẫu nhiên (Random Posts)

Đây là một thủ thuật hòan tòan tương tự với thủ thuật tạo các bài viết ngẫu nhiên cho blog, chỉ khác là mở rộng riêng cho từng nhãn. Nếu blog bạn có một đề tài, chuyên mục nào đó nổi bật, bạn có thể tạo 1 widget random các bài viết từ nhãn (chuyên mục đó).
Để thực hiện, bạn chỉ cần tạo 1 widget HTML/Javascript rồi dán code bên dưới vào:
Trước tiên bạn vào Dashboard -> Layout -> Page Elements và Add a Gadget -> HTML/Javascript



<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/-/blog?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>



Chú ý :
+ var maxEntries = 10; : dòng này để thiết lập số bài viết sẽ hiển thị
+ Ngẫu nhiên với 1 nhãn cố định
/feeds/posts/summary/-/blog&alt: thay blog bằng nhãn bạn muốn hiển thị.
+ Ngẫu nhiên với tất cả bài viết/feeds/posts/summary/-/blog&alt: Xóa phần này /-/blog -> summary&alt
- Save lại là xong.

No comments:

Post a Comment

Post Top Ad

Responsive Ads Here