Random post hiện thị thumbnail và trích dẫn

Random post là tiện ích giúp bạn hiện thị các bài viêt trên blog của bạn một cách ngẫu nhiên, điều sẽ giúpcho một vài bài viết cũ của bạn tăng thêm lượng truy cập và đôi khi lại đúng theo chủ đề người đọc cần.

#Cách thực hiện

1. Đăng nhập Blogger
2. Bố cục > Bố cục
3. Thêm tiện ích > HTML/Javascript
4. Dán code dưới vào và save lại

<style>
#random-posts img {
    border-radius: 10px;
    float: left;
    margin-right: 5px;
    width: 75px;
    height: 75px;
    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: 0px 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; <font color="#ff0000">//số bài viết hiện thị</font>
var randomposts_chars = 110; <font color="#ff0000">//số kí tự trích dẫn</font>
var randomposts_details = 'yes'; <font color="#ff0000">//hiện thị tên tác giả, thời gian xuất bản</font>
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&amp;max-results=0&amp;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) + "…";
        };
        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/AVvXsEjfD9EzZmr_KC90er5NnFibk6xzgi6nTlg-MRBCqUTT0o6A8LiQaq_1kWRT-MNvd1R_FrHLk1o8hzbwuM-EO0JuD2ju5E2u840Tvcgt4Hiw7LUncyFQDGFtNpnN8xekFnkBeGj4ghCj728/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&amp;start-index=' + randomposts_current[i] + '&amp;max-results=1&amp;callback=random_posts\"><\/script>')
};
</script>

helplogger