Tiện ích "Bài đăng ngẫu nhiên" (Random post) kiểu 1

Các bạn có thể xem trước Tại đây

Để cài đặt tiện ích trên vào blog, các bạn thực hiện như sau:

1. Đăng nhập blog - Bố cục - Nhấp "Thêm tiện ích" ở khung bên cạnh khung bài đăng.

2. Chọn tiện ích "HTML/Javascript". 

3. Nhấp "Open code" ở dưới đây, copy toàn bộ code trong khung hiện ra và dán vào khung "Nội dung" của tiện ích HTML/Javascript. Đặt tên tiêu đề của tiện ích là "Bài đăng ngẫu nhiên" hoặc tên khác tùy ý. 

<style>
#random-posts img {border-radius: 1000px;borde:5px solid;color:#dddddd;float: left;margin-right: 5px;width: 50px;height: 50px;background-color: #F5F5F5;padding: 3px;transition: all 0.2s linear 0s;}
#random-posts img:hover {opacity: 0.6;}
ul#random-posts {list-style-type: none;padding: 0px;}
#random-posts a {font-size: 12px;text-transform: uppercase;padding: 3px auto 5px;}
#random-posts a:hover {text-decoration: none;}
.random-summary {font-size: 11px;background: none;padding: 5px;margin-right: 8px;}
#random-posts li {margin-bottom: 10px;border-bottom: 1px solid #EEEEEE;padding: 4px;}
</style>
<ul id='random-posts'><script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 0;
var randomposts_details = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);
function randomposts(json) {total_randomposts = json.feed.openSearch$totalResults.$t}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');
function getvalue() {
for (var i = 0; i < randomposts_number; i++) {
var found = false;
var rndValue = get_random();
for (var j = 0; j < randomposts_current.length; j++) {if (randomposts_current[j] == rndValue) {found = true;break}};
if (found) {i--} else {randomposts_current[i] = rndValue}}};
function get_random() {
var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
return ranNum};
</script><script type='text/javaScript'>
function random_posts(json) {
for (var i = 0; i < randomposts_number; i++) {
var entry = json.feed.entry[i];
var randompoststitle = entry.title.$t;
if ('content' in entry) {
var randompostsnippet = entry.content.$t
} else {
if ('summary' in entry) {
var randompostsnippet = entry.summary.$t
} else {
var randompostsnippet = "";
}};
randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
if (randompostsnippet.length < randomposts_chars) {
var randomposts_snippet = randompostsnippet
} else {
randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
var whitespace = randompostsnippet.lastIndexOf(" ");
randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";};
for (var j = 0; j < entry.link.length; j++) {
if ('thr$total' in entry) {
var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
} else {
randomposts_commentsnum = randomposts_commentsd
}; if (entry.link[j].rel == 'alternate') {
var randompostsurl = entry.link[j].href;
var randomposts_date = entry.published.$t;
if ('media$thumbnail' in entry) {
var randompoststhumb = entry.media$thumbnail.url
} else {
randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnVy3nPfBTqdAHDpzkOVBU4K-Pph_owGKZr2pA9rBd3vRLXkRyGlsm4Dj9rJFeU1vr5YFZ_6NjAJjJYNDbrSmbp2GhcZ3T95lHhtOn78n4_Z-r4qmgrV4xSg75N_D9ykINru-t_keD5T0/s1600/no_thumb.png"}}};
document.write('<li>');
document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
if (randomposts_details == 'yes') {
document.write('<span><div class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'};
document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')}};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')};
</script></ul>

*Tùy chỉnh:

Mặc định đoạn code trên chỉ hiện tiêu đề (title) và hình ảnh của bài đăng, chứ không có phần trích nội dung của bài viết, nếu bạn muốn có thêm phần trích nội dung thì tìm đến đoạn code:

  

var randomposts_details = 'no'; thay no thành yes.

var randomposts_chars = 110; số ký tự phần trích đoạn nội dung của bài đăng.

Ngoài ra, bạn còn có thể tùy chỉnh:  

var randomposts_number = 5; số lượng bài đăng hiển thị, ở đây là 5 bài đăng.

4. Nhấp "Lưu" dưới tiện ích. Kéo - thả tiện ích vào vị trí thích hợp trong khung các tiện ích bên cạnh khung bài đăng.

5. Nhấp "Lưu sắp xếp" phía trên, bên góc phải giao diện của Bố cục.

6. Nhấp "Xem blog" để thưởng thức kết quả.

Nguồn:

https://www.tranbadat.info/2015/07/them-widget-bai-viet-ngau-nhien-random-post-blogspot.html