Hiển thị nội dung chỉ khi để lại bình luận trên blogger

Chào mọi người.

Bài viết này mình sẽ chia sẽ đến mọi người một thủ thuật đã chia sẽ khá lâu, nay mình tìm hiểu và viết lại một phần để làm tài liệu tìm hiểu và chia sẽ đến mọi người dùng blogger.

Như mọi người cũng đã biết nếu am hiểu về blogger thì rất là bao la, nếu muốn tích hợp thêm nhiều thứ khác vào blogger thì người dùng cần tìm hiểu nhiều về javascript để tích hợp được.

Hướng dẫn.

HTML.

Sử dụng HTML sau để hiển thị nội dung ẩn và nội dung hiển thị trước khi để lại nhận xét.


<div class="nxn">Để lại <a href="#comments" rel="nofollow">nhận xét</a> để xem được nội dung ẩn</div>
<div id="hiden" style="display: none;">
  Nội dung ẩn
</div>

JAVASCRIPT.


var cm_config = {
    home_page: 'https://www.hung.pro.vn',
};

var _cookie = {
    set: function (name, value, days) {
        var expires;
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = '; expires=' + date.toGMTString();
        } else {
            expires = '';
        }
        document.cookie = name + '=' + value + expires + '; path=/';
    },
    get: function (name) {
        var nameEQ = name + '=',
            ca = document.cookie.split(';'),
            c;
        for (var i = 0; i < ca.length; i++) {
            c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1, c.length);
            }
            if (c.indexOf(nameEQ) == 0) {
                return c.substring(nameEQ.length, c.length);
            }
        }
        return null;
    }
};

var previousCommentCount = (_cookie.get('tt_cm')) ? parseInt(_cookie.get('tt_cm'), 10) : 0;

function showRecentComments(data) {
    var totalComments = parseInt(data.feed.openSearch$totalResults.$t, 10);

    if (previousCommentCount < totalComments) {
        var hiddenDiv = document.getElementById('hiden');
        var nxnDiv = document.querySelector('.nxn');
        if (hiddenDiv) {
            hiddenDiv.style.display = 'block';
            if (nxnDiv) {
                nxnDiv.style.display = 'none';
            }
        }
    }

    _cookie.set('tt_cm', totalComments, 7000);
}

(function () {
    var head = document.getElementsByTagName('head')[0],
        script = document.createElement('script');
    script.type = 'text/javascript';
    script.id = 'cm-feed-script';
    script.src = cm_config.home_page + '/feeds/comments/default?alt=json-in-script&callback=showRecentComments';
    head.appendChild(script);
})();

Mọi người cần thay thế https://www.hung.pro.vn/ trong đoạn mã Javascript nhé.

Demo Thủ Thuật Tại Đây

Chúc mọi người thành công.

Theo BlogspotVN.Net

Tôi Hùng Blog ✅