-->
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

    ReplyDelete
    Replies
    1. Vậy em về Blog em nhắc tên anh đi :v

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

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

    ReplyDelete
  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!

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

    ReplyDelete
    Replies
    1. thụ gon comment như bên blog Star Cường à?

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

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

    ReplyDelete
    Replies
    1. mấy đứa này ko chiệu đọc Note gì hết >_<

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

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

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

    ReplyDelete
  9. visit the site Fahmi Cog To download blogger templates, and don't forget to also blog for tips & tutorials only at Fahmi Official

    ReplyDelete

Đăng ký bản tin

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