{icon: "twitter", url: "#"} {icon: "instagram", url: "#"} {icon: "linkedin", url: "#"} {icon: "youtube", url: "/youtube"} {icon: "vk", url: "#"} {icon: "behance", url: "#"} {icon: "stack-overflow", url: "#"} {icon: "dribbble", url: "#"} {icon: "rss", url: "#"}
Bình luận mới nhất
Chưa có thông báo mới.

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

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.
BLOGGER HTML JAVASCRIPT TIPS
Lê Hùng ™
Lê Hùng ™
Tôi Hùng, Một Công Nhân Điện Lực Lệ Thủy, Thuộc Công Ty Điện Lực Quảng Trị, Chi nhánh Tổng công ty Điện Lực Miền Trung, Trực thuộc Tổng Công Ty Điện Lực Việt Nam. Tôi có đam mê với lập trình website/blog nên lập ra blog này chia sẽ đến mọi người những gì tôi biết về kiến thức lập trình website/blog, seo,facebook, youtube, blogger, html, javascript, css, python, google, youtube...v.v
Join the conversation
Post a Comment