Đây là một thủ thuật hoàn toàn 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 post các bài viết từ nhãn (chuyên mục đó).
>>Related Posts - Thủ thuật bài viết liên quan có hình ảnh ngang cho Blogger
>>Recent Post - Thủ thuật Recent post load từ trên xuống cho BLogger
>>Recent Post - Thủ thuật Recent Post chạy ngang có ảnh chạy trước cho Blogger
>>Recent Post - Thủ thuật Recent Post chạy ngang cho Blogger
>>Menu - Thủ thuật tạo Menu dọc cho Blogger bằng CSS
>>Menu - Thủ thuật tạo Menu ngang cho Blogger bằng CSS
>>Back To Top - Thủ thuật nút lên đầu trang trong Blogger
>> Tắt/Mở đèn - Thủ thuật hiệu ứng tắt mở đèn cho Blogger
>>Image - Thủ thuật LazyLoad load ảnh theo trình tự trong bài viết Blogger
>>FeedBurner - Thủ thuật tạo FeedBurner cho Blogger
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ị các bài viết ngẫu nhiên của nhãn "Blogger", xem hình minh họa bên dưới:
Để 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.thietkeblogger.net/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://namkna.blogspot.com/ bằng URL địa chỉ blog của bạn.
+ http://namkna.blogspot.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ị.
Đăng nhận xét