Hiển thị bài viết ngẫu nhiên

Thủ thuật tạo danh sách Bài viết ngẫu nhiên (Random Posts) cho Blogger giúp tăng tỷ lệ chân trang (pageviews) và giữ chân người đọc ở lại blog lâu hơn. Widget này có thể đặt linh hoạt ở thanh Sidebar (tiện ích bố cục) hoặc bất cứ vị trí nào tùy thích mà không phụ thuộc vào cuối bài viết.

Cách thực hiện vô cùng đơn giản, bạn chỉ cần làm theo các bước sau:

Các bước thêm tiện ích vào Blogger:

Đăng nhập vào trang quản trị Blogger (Dashboard).
Vào mục Bố cục (Layout) > Chọn vị trí muốn hiển thị > Nhấp vào Thêm tiện ích (Add a Gadget).
Chọn tiện ích kiểu HTML/JavaScript.
Copy đoạn mã tối ưu dưới đây dán vào phần nội dung, đặt tiêu đề cho tiện ích (ví dụ: Bài viết ngẫu nhiên) rồi bấm Lưu (Save) là hoàn tất!

Đoạn mã code mới và tối ưu (JavaScript):

<div id="random-posts"></div> <script> function getRandomPosts(json) { var maxEntries = 5; // Số lượng bài viết hiển thị ngẫu nhiên var entryList = json.feed.entry; if (!entryList) return; // Xáo trộn mảng bài viết ngẫu nhiên entryList.sort(function() { return 0.5 - Math.random(); }); var container = document.getElementById('random-posts'); var ul = document.createElement('ul'); var count = Math.min(maxEntries, entryList.length); for (var i = 0; i < count; ++i) { var entry = entryList[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=150"></script>

Dành cho Blog tự code

Nếu blog của bạn có một danh sách (mảng) bài viết được tải sẵn bằng JSON hoặc Hardcode, bạn có thể dùng thuật toán xáo trộn Fisher-Yates này để lấy ra các bài viết ngẫu nhiên

Hiển thị bài viết ngẫu nhiên

🌿 Đôi lời cùng bạn

💗Nhiều người nghĩ làm Blogger phải biết lập trình. Thực tế không phải vậy. Chỉ cần biết vài đoạn code cơ bản, bạn có thể làm cho blog đẹp hơn, chuyên nghiệp hơn và thân thiện với người đọc hơn.

🔗 Bài viết liên quan

Pages

Translate