Tạo danh sách bài viết ngẫu nhiên cho Blogspot

Tạo danh sách bài viết ngẫu nhiên cho Blogspot

Tạo danh sách bài viết ngẫu nhiên cho Blogspot sẽ thay đổi mỗi khi truy cập mới hoặc load lại trang, code rất nhẹ bởi không phải load ảnh thumbnail. Và có thể tùy biến số bài hiển thị cho mỗi lần truy cậy tuy nhiên không theo nhãn.
Loading ...
Chèn trực tiếp đoạn code bến dưới vào phần HTML của trang, bài viết Blgospot hoặc Thêm tiện ích HTML/Javascript bằng cách Vào: Blog => Bố cục => Thêm tiện ích => HTML/Javascript => Dán đoạn code dưới đây vào và lưu lại.
<style type="text/css">
#rtd-random {
margin: 0 auto;
width: 100%;
padding: 20px
}
#rtd-random ul {
border: 1px solid #e3e3e3;
list-style: none;
margin: 0;
padding: 0
}
#rtd-random li {
display: block;
clear: both;
overflow: hidden;
list-style: none;
border-bottom: 1px solid #e3e3e3;
word-break: break-word;
padding: 10px 0;
margin: 0 10px;
}
#rtd-random li:last-child {
border-bottom: 0;
}
#rtd-random li a {
color: #444;
text-decoration: none;
}
#rtd-random li a:hover {
color: #28a1f0;
}
</style>
<div id='rtd-random'>Loading ...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'https://gemgai.com',
maxResults = 10,
containerId = 'rtd-random';

function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}

function shuffleArray(arr) {
var i = arr.length,
j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;
}
return arr;
}

function rtdRandomPosts(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}

function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
}
skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
}
ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=rtdRandomPosts"></scr' + 'ipt>');
//]]>
</script>
- homePage = 'https://gemgai.com': Thay bằng link Web/ Blog của bạn.
- maxResults = 10 : Số bài viết hiển thị.
Kẻ Lang Thang

Học từ ngày hôm qua, sống ngày hôm nay, hi vọng cho ngày mai. Điều quan trọng nhất là không ngừng đặt câu hỏi. Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.

Đăng nhận xét

Mới hơn Cũ hơn