Tiện ích bình luận gần đây dễ thương cho blogspot

Tiện ích bình luận gần đây dễ thương cho blogspot


Note: bài cũ up lên!
Hầu như các blogger hiện nay đều sử dụng widget nhận xét mới trên blog của mình. Chức năng của nó là hiện thị các bình luận gần nhất của độc giả, giúp tăng tính tương tác cũng như là thẫm mĩ cho blog.

Tiện ích bình luận gần đây dễ thương cho blogspot

Cách thực hiện rất đơn giản: Các bạn vào Blog > Bố Cục > Chọn HTML/Javascript và dán toàn bộ code sau vào:
<style>
.nxmoi{color: #ccc;}
.nxmoi li{margin:0;padding:10px;border-left: 2px solid #ccc;}
.nxmoi li:before {content: "";width: 12px;height: 12px;display: block;border: 3px solid #ccc;border-radius: 50%;float: left;left:-5px;position: absolute;background: #fff;}
.nxmoi li:hover:before{background:#F48FB1}
.nxmoi span a{color:#F48FB1;font-weight:600;transition: color .3s;}
.nxmoi span a:hover{color:#F48FB1;transition: color .3s;}
.nxmoi span {color:#fff}
</style>
<script>//<![CDATA[
var sl_nhanxet = 5,
    kt_nhanxet = 50;
// Recent Comment
function nhanxetmoi(json) {
    var entry, commurl, commsum;
    document.write('<ul class="nxmoi">');
    for (var i = 0; i < sl_nhanxet; i++) {
        entry = json.feed.entry[i];
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'alternate') {
                commurl = entry.link[k].href;
                break;
            }
        }
        commsum = ("content" in entry) ? entry.content.$t : ("summary" in entry) ? entry.summary.$t : "";
        commsum = commsum.replace(/<.*?>/g, "");
        if (commsum.length > kt_nhanxet) commsum = commsum.substring(0, kt_nhanxet) + "...";
        document.write('<li><span><a href="' + commurl + '" rel="nofollow">' + entry.author[0].name.$t + ':</a></span> <span>' + commsum + '</span></li>');
    }
    document.write('</ul>');
}
//]]></script>
<script src="/feeds/comments/summary?alt=json-in-script&amp;callback=nhanxetmoi"></script>
Lưu lại và xem kết quả. Rất đơn giản phải ko nào!
Chúc các bạn thành công!
  1. Được nhắc tên :v Hạnh phúc quá :v

    Trả lờiXóa
  2. Template đẹp là anh :))
    Liên kết với em đi :v
    Title: NgLDuy Blog
    Url: http://www.nguyenluongduy.tk/

    Trả lờiXóa
    Trả lời
    1. Ok e, để liên kết em vui lòng Vào Đây để lại thông tin, và nhớ đặt liên kết trước khi mình đặt. :)

      Xóa
  3. Đổi màu chữ thành màu đen ntn nhỉ

    Trả lờiXóa
  4. Bạn tìm chỗ #fff và sửa thành #555 là đổi thành màu đen đẹp cho bạn lun đấy!

    Trả lờiXóa
  5. Ô Niệm rành về css thu gọn comment ko? viết một bài thủ thuật về nó đc đó

    Trả lờiXóa
    Trả lời
    1. thụ gon comment như bên blog Star Cường à?

      Xóa
    2. Cái đó chỉ có Khanh nó làm đc à, mà nó chưa viết bài share.

      Xóa
  6. Bài này hình như e thấy ah đăng rồi mà :v

    Trả lờiXóa
    Trả lời
    1. mấy đứa này ko chiệu đọc Note gì hết >_<

      Xóa
  7. hình như bài này có r mà a

    Trả lờiXóa
    Trả lời
    1. em ko thấy dòng đầu tiên a ghi à? bài cũ up lên :v

      Xóa
  8. A niệm để hình cô nào múp thế kia

    Trả lờiXóa
  9. Cho e đặt liên kết với bác:
    Tên : ThachOnline
    Link: https://thachonline.com/
    Mô Tả: Ko cần.
    Thank b. giúp e <3

    Trả lờiXóa

Đăng ký bản tin

Đăng ký email để không bỏ lỡ những bài viết hay