Code Random Posts Cho Blogspot

Thủ thuật Blogger này sẽ giới thiệu cho các bạn. Ví dụ như ở blogspot của mình, mình có thể tạo một widget hiển thị tiêu đề các bài viết ngẫu nhiên (Không có hình ảnh thu nhỏ).

Để 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:

<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="http://www.longthaibao.blogsot.com/feeds/posts/summary/-/Blogger?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ị
+ http://www.longthaibao.blogsot.com bằng URL địa chỉ blog của bạn. 

+ /feeds/posts/summary/-/Blogger : thay code màu đỏ bằng nhãn bạn muốn hiển thị.