Tạo Nút Thu Gọn Trả Lời Khi Đã Xoá Widgets.js Blogspot

Đặng Tiến Sĩ Tác giả:
Xuất bản: Thứ Năm, 3 tháng 1, 2019 -

Short Comment hay còn gọi là Nhận xét thu gọn, nhằm để rút gọn những dòng nhận xét có nhiều người trả lời. Giúp cho blogspot không bị rườm rà và khó chịu bởi những nhận xét có nhiều người trả lời.
Thì hôm nay mình sẽ chia sẻ cho các bạn cách để tạo nút thu gọn trả lời cho blogspot của các bạn nhé.

Short Comment, Nút Thu Gọn Nhận Xét, Tạo Nút Thu Gọn Trả Lời Khi Đã Xoá Widgets.js Blogspot, Rút Gọn Trả Lời Nhận Xét Cho Blogspot, Short Replay Comment Blogspot

Trước tiên thì nói sơ về việc Widgets.js đã xoá, vì js này là js mặc định của blogspot, khi xoá nó, thì những tính năng thu gọn trả lời nhận xét sẽ không còn tác dụng nữa. Vì thế hôm nay mình sẽ hướng dẫn cách khắc phục điều đó.
Để làm được như thế thì hãy theo dõi và đọc thật kỹ bài này.

Các bước thực hiện


Truy cập vào Blogger chọn Chủ đề sau đó chọn vào Chỉnh sửa HTML.
Bước tiếp theo là dán đoạn css dưới đây lên trên thẻ đóng ]]></b:skin>
#comments .thread-toggle {
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
}
#comments .thread-expanded .thread-arrow {
    background: url(//i.imgur.com/4UPeQRN.png) no-repeat scroll 0 0 transparent;
}
#comments .thread-collapsed .thread-arrow {
    background: url(//i.imgur.com/FT9ZlYz.png) no-repeat scroll 0 0 transparent;
}
#comments .thread-toggle .thread-arrow {
    margin: .2em 0.3em;
    display: inline-block;
    height: 6px;
    width: 7px;
    overflow: visible;
    padding-right: 4px;
}
#comments .thread-chrome.thread-collapsed{
display: none;
}

Rồi sau đó dán đoạn js dưới đây xuống dưới thẻ đóng </body>
<script type='text/javascript'>
// code by Sĩ Ben IT - Blogger www.siblog.net
//<![CDATA[
$(document).ready(function() {
$(".thread-count a").attr('href','javascript:void(0);');
$(".thread-count a").html('XEM TRẢ LỜI');
$(".thread-toggle").addClass('thread-collapsed');
$(".thread-toggle").removeClass('thread-expanded');
$(".thread-chrome").toggleClass('thread-collapsed');
})
$('span.thread-toggle').click(function(e){
$(this).toggleClass('thread-expanded');
$(this).toggleClass('thread-collapsed');
$(this).parent().find('.thread-chrome').toggleClass('thread-expanded');
$(this).parent().find('.thread-chrome').toggleClass('thread-collapsed');
})
//]]>
</script>

Demo


Giống Blog của mình nha, nhận xét phía dưới test thử đi :P

Lời kết


Chúc các bạn thành công nhé. Lưu ý là nếu blogspot còn Widgets.js thì khỏi cần dán đoạn Js vào blogspot nhé.

Tag:
0 Like
16 Comment More Emoticon
16 Nhận xét
Sắp xếp theo

  1. nói không điêu chứ bài hay vê lù :v

    Trả lờiXóa
  2. còn liên kết blog không bạn ?

    Trả lờiXóa
    Trả lời
    1. https://www.sibenit.net/2018/05/addlink.html vào đây nhé :D

      Xóa
    2. đã đặt lk cho bạn,hóng bạn đặt cho mình nha
      Link blog mình https://trickertranha2003.blogspot.com/

      Xóa
    3. Cứ cmt vào link đó r mình đặt

      Xóa
  3. xin chào, bạn có biết làm thế nào để xuất hiện lại các bình luận blogspot đã xóa?

    Trả lờiXóa
    Trả lời
    1. :D bình luận đã xóa không thể xuất hiện lại nhé.

      Xóa

Bài Viết Có Thể Xem

THÔNG BÁO

Biên tập nội dung: Đặng Tiến Sĩ
Sĩ Ben IT Blogger giữ bản quyền nội dung trên website này
Chỉ được phát hành lại nội dung khi có sự đồng ý của chủ sở hữu
Mọi thư từ góp ý vui lòng gửi về địa chỉ dangtiensi.vn@gmail.com

Đóng Liên hệ

Thông báo của Admin