Cách Sắp xếp lại comment Trên blogspot

 Nội dung bài viết hôm nay  mình sẽ  hướng dẫn các bạn sắp xếp lại comment blogspot, bình luận mới nhất sẽ hiển thị lên đầu tiên nhé các bạn,

và có mục chọn hiển thị bình luận mới nhất hoặc cũ nhất.

Cách làm như sau: các bạn làm theo hướng dẫn của mình nhé

Các Bạn Coppy Đoạn CODE Này

<div class='sort-comment-wrapper'>

  <div class='cmt-count'> Có <strong>

      <data:post.numberOfComments />

    </strong> nhận xét </div>

  <div class='sort-comment'>

    <span class='sort-title'>Hiển thị</span>

    <div class='sort-sel'>

      <select class='sort-option'>

        <option selected='selected' value='newest'>Mới nhất</option>

        <option value='oldest'>Cũ nhất</option>

      </select>

    </div>

  </div>

</div>

<style>

  /*<![CDATA[*/

#comments h3.title{display:none!important}

.sort-comment-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:20px}

.sort-comment{text-align:right}

.sort-comment .sort-title{font-size:14px;display:inline-block;margin-right:3px}

.sort-comment .sort-sel{display:inline-block;position:relative}

.sort-comment .sort-sel::after,.sort-comment .sort-sel::before{position:absolute;content:"";right:7px;border-style:solid;border-width:4px;width:0;height:0}

.sort-comment .sort-sel::after{top:2px;border-color:transparent transparent #333}

.sort-comment .sort-sel::before{bottom:2px;border-color:#333 transparent transparent}

.sort-comment .sort-sel .sort-option{cursor:pointer;background:#fff;border:1px solid #aaa;padding:2px 20px 2px 7px;color:#656565;font-size:14px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-appearance:window;-webkit-appearance:none;outline:0}

  /*]]>*/

</style>

<script>

  //<![CDATA[

  window.addEventListener("load", function() {

    $.fn.reverseChildren = function() {

      return this.each(function() {

        var n = $(this);

        n.children().each(function() {

          n.prepend(this)

        })

      })

    }, $(".comments-content ol").reverseChildren(), $(".sort-option").on("change", function() {

      $(".comments-content ol").reverseChildren()

    })

  });

  //]]>

</script>

các bạn làm y như vậy nhé

Nguồn Trang Hung1001.

Xem thêm: