Ads

Tiện ích Bình Luận Gần Đây dễ thương cho blogspot/blogger

Note: bài cũ up lên!
Chào các bạn. Hôm nay mình mới đổi sang Temp mới. Đang cần tìm cái Bình Luận Gần Đây đẹp đẹp để xài. Lướt qua Ảnh Đẹp Blog của ẽm Bình thấy cái này đẹp nên xin về xài tiện thể chia sẻ mọi người cùng biết. Cùng chia sẻ cùng vui :v
Tiện ích Bình Luận Gần Đây dễ thương cho blogspot/blogger
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!

Cùng bình luận bài viết

  1. Được nhắc tên :v Hạnh phúc quá :v

    Trả lờiXóa
    Trả lời
    1. Vậy em về Blog em nhắc tên anh đi :v

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