Có gì mới trên Bác Sĩ Windows?

Cập nhật những thay đổi, cập nhật mới trên Bác Sĩ Windows

TOP Bình Luận

Xếp hạng những người bình luận hàng đầu trên Bác Sĩ Windows

Dịch Vụ Blogspot

Nhận sửa lỗi blogspot giá rẻ 10K một lỗi. Liên hệ ngay

Tri Ân Độc Giả

Tặng theme blogspot Bác Sĩ Windows V.0.99 thiết kế bởi Bác Sĩ Windows

Tạo widget Có thể bạn đang tìm giống Bác Sĩ Windows cho Blogspot - Random Posts

Share:
Chào các bạn, theo yêu cầu của một bạn gửi đến Bác Sĩ Windows yêu cầu mình chia sẻ widget "Có thể bạn đang tìm". Thực chất nó là một widget Random Post (bài đăng ngẫu nhiên) đấy.
Mình đã chỉnh sửa một tí CSS lại để nhìn đẹp và phù hợp hơn. Code mình lấy từ đâu cũng không nhớ nữa :v
Tạo widget "Có thể bạn đang tìm" giống Bác Sĩ Windows cho Blogspot - Random Posts

Cách thực hiện

Bạn chỉ cần tạo một widget HTML/Javascript rồi chèn toàn bộ code này vào là được.
<style>
#random-posts img{border-radius:5px;float:left;margin-right:10px;width:45px;height:45px;transition:all 0.2s linear 0s}
#random-posts img:hover{opacity:0.6}
ul#random-posts{list-style-type:none;padding:0}
#random-posts a{font-size:17px;padding:0}
#random-posts a:hover{text-decoration:none}
.random-summary{font-size:11px;background:none;padding:5px;margin-right:8px;display:none!important}
#random-posts li{margin:0;border:0;padding:0}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 6; // Số lượng bài viết hiển thị
var randomposts_chars = 110; // Số kí tự của phần mô tả
var randomposts_details = 'no'; // Hiển thị mô tả
var randomposts_comments = 'Comments'; // Bình luận
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://2.bp.blogspot.com/-BdZahr9Qwy4/WNXhN6hOUxI/AAAAAAAAAJk/_7cC82z3NfEVQ-drE0LqiJCgl-1OgkbnwCLcB/s94/Logo-Bac-Si-Windows.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>
Đơn giản thế thôi, hy vọng bạn sẽ thích nó. Chỉnh sửa những chỗ in đậm màu đỏ lại cho phù hợp nhé. Chúc bạn thành công!

Bài Viết Liên Quan

16 nhận xét:

  1. Vẫn đang hóng bài viết của mình :((

    Trả lờiXóa
  2. Ui Mừng... Vừa mới xin hôm trước.. Hôm sau bác cho ra một bài mới liền... Tks bác.. =))

    Trả lờiXóa
    Trả lời
    1. Còn không mau chia sẻ giúp BSW!! :))

      Xóa
  3. Không hiểu sao khi nào thêm widget randompost rồi vào Chủ đề là lại bị đơ BSW ạ -.-

    Trả lờiXóa
    Trả lời
    1. Mình cũng không rõ nữa, chắc do xung đột script :(

      Xóa
    2. Dii Nô , tui cũng bị đơ nè , có cách vào không bị đơ

      Xóa
    3. Còn cách này thôi:
      https://draft.blogger.com/blogger.g?blogID=117236118943502684#templatehtml
      Thay in đậm thành ID blog.

      Xóa
  4. Bác Cho Xin Đoạn CODE Liên Kết Bạn Bè Đi ạ

    Trả lờiXóa
    Trả lời
    1. f12 là ra, hoặc inbox với mình tại đây
      http://www.starcuongit.com/

      Xóa
    2. Bạn có thể F12 để lấy hoặc khi nào mình rảnh mình viết bài nhé

      Xóa
    3. Tưởng ở trong BSW đã share cái Liên kết bạn bè này rồi cơ mà O.o

      Xóa
    4. Bài hướng dẫn đây nhé
      http://www.bacsiwindows.com/2017/04/tao-khung-lien-ket-ban-be-2-cot-don-gian-cho-blogger.html

      Xóa
    5. Cái BSW Hướng Dẩn là cái cũ rồi nha! Cái hiện tại muốn có phải tự F12 :))

      Xóa

Một số lưu ý khi bình luận
● Hướng dẫn viết chữ Đậm: <b>Text</b>
● Hướng dẫn viết chữ Nghiêng: <i>Text</i>
● Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin
● Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.