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

Like Rê chuột vào nút Like để chọn biểu tượng cảm xúc
Загрузка...
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.

Niemstyle | Code nhận xét mới cho blogspot
Hình Minh Họa

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!

Đăng nhận xét

27 Nhận xét

» Hướng dẫn nhúng hình ảnh: chỉ cần sử dụng link ảnh dán vào, vd: http://domain.com/image.png
» Tham trang khảo ảnh động cực cute: Qoobee
» Hướng dẫn nhúng link trang web: <a href="url" rel="nofollow">Link</a>
» Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
» Không spam link, chia sẻ các link không liên quan đến bài viết.
» Không xuyên tạc, bôi nhọ tổ chức hay cá nhân nào.
» Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước. Xem thêm...

  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