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

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

Nguyễn Hoài Nam ✓ đã đăng Chủ Nhật, 2 tháng 12, 2018
Hiện có lượt xem và 0 bình luận

Chi tiết

Liên quan

Nhận xét

Tác giả

Bản Quyền

  • Xem toàn trang
  • 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-left2px solid #ccc;}
    .nxmoi li:before {content"";width12px;height12px;display: block;border3px solid #ccc;border-radius50%;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!
                                                                      Nguồn: Niệm Style

    Lưu ý:
    Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
    Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
    Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
    Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/xvhDr24.png[/img]

    Không có nhận xét nào:

    Nguyen Hoai Nam

    Tất cả bài đăng trên website đều thuộc bản quyền về Star Nam IT, chỉ được phát hành lại nội dung từ website này khi có sự đồng ý bằng văn bản của admin

    Thông báo

    Đây là một mẫu theme blogspot mình chia sẻ cho các bạn nhân dịp kỳ nghỉ hè, thời gian sắp tới mình bận 1 số công việc nên sẽ ít ra bài viết hơn, rất mong các bạn thông cảm và đồng hành tiếp tục cùng Nam trong quãng đường sắp tới!

    Nguyen Hoai Nam
    ABOUT US


    Phượng Nguyễn Thị
    LIÊN HỆ HỖ TRỢ