HOT !!!Hiện Tại HungCoder.Com Đang Phát Hành Trang Chat Miễn Phí Cho Mọi Người Giao Đỗi Thông Tin Với Nhau.Click Here

Thứ Bảy, tháng 2 09, 2019

Tạo Nút Thu Gọn Trả Lời Blogspot

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é.

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

Chúc các bạn thành công :)

7 nhận xét

  1. Trả lời
    1. Blogger sắp thành FB thu nhỏ cụa mỗi ng rồi :))

      Xóa
  2. Thủ thuật hay :v thay cái tên ở phần "XEM TRẢ LỜI" = tên người trả lời nữa thì hay :D

    Trả lờiXóa
    Trả lời
    1. Hehe, m cũng chỉ là thằng copy dạo thôi. Nên k rỏ nữa bạn nhé

      Xóa


Top