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.
<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>
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 íchHTML/JavaScript (như hình vẽ)
và copy và paste đoạn mã sau vào:
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é. Bạn muốn cám ơn phattrienso? Hãy click quảng cáo (he he). Chúc các bạn thành công.
0 nhận xét:
Đăng nhận xét