[Blogspot] Tạo tiện ích “Bài viết ngẫu nhiên – Random Post”
Chủ Nhật, 20 tháng 2, 2011
|
Thủ thuật blogspot
Phattrienso cũng không nhớ rõ đã thực hiện tạo cái widget “Bài viết ngẫu nhiên – Random Post” từ đâu và như thế nào, và cũng tưởng đã post bài viết hướng dẫn tạo chúng.
Vừa rồi Tac-Ke có qua thăm blog và yêu cầu có bài hướng dẫn thì mới biết là đã bỏ sót bài viết này. Do vậy trong bài viết này phattrienso 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.
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 Elements và Add a Gadget
Chọn Tiện ích HTML/JavaScript (như hình vẽ)
và copy và paste đoạn mã sau vào:
Chúc các bạn thành công ^^
Vừa rồi Tac-Ke có qua thăm blog và yêu cầu có bài hướng dẫn thì mới biết là đã bỏ sót bài viết này. Do vậy trong bài viết này phattrienso 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.
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 Elements và Add a Gadget
Chọn Tiện ích HTML/JavaScript (như hình vẽ)
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>
Chúc các bạn thành công ^^