Thêm nút Like cho nhận xét (Thread Comment) của Blogger

Tạo nút Like cho nhận xét, sử dụng tiện ích Star Ratings của Blogger


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
.like-cm{margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfYwaaOAbH5er5mC9zDZ5M3H73IgBMP6zaGSQx3Nf9KY3Qx_A7CbnNTvE2hJDaT_dZmEI2XR4UdrQofqC6P4Gp_xARENhiReuF7T1op3T1Oa5eE9TtURcmBYUhsaZCTDCWUpH0F5X9i08/s10/like.png) no-repeat}

Bước 2: Thay thế đoạn mã (function() { trong template của bạn bằng đoạn mã dưới đây:
var items_copy=[];
(function() {

Bước 3: Thay thế đoạn mã var items = <data:post.commentJso/>; trong template của bạn bằng đoạn mã dưới đây:
var items = <data:post.commentJso/>;
items_copy=items;

Bước 4: Thêm đoạn mã dưới đây vào sau thẻ <data:post.commentHtml/> trong template của bạn.
<script type='text/javascript'>
var likeurl='<data:blog.url/>';
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);gl="'"+items_copy[i].id+"'";b=a.innerHTML+'<div class="like-cm" onmousemove="likecom('+gl+')"><div id="like-cm'+items_copy[i].id+'"></div></div>';a.innerHTML=b}function likecom(i){var a=document.getElementById('like-cm'+i);if(a){a.innerHTML='<iframe style="margin:-6px 0 0 -13px" frameborder="0" allowtransparency="true" scrolling="no" height="20" src="http://www.blogger.com/blog-post-reactions.g?options=[Like]&textColor=%23666666#'+likeurl+i+'" width="100"><\/iframe>'}}
//]]>
</script>

Tác giả: Duy Pham
Nguồn: Thêm nút Like cho Thread Comment

DXOan

Đây chính là tôi với sự bùng nổ của những giấc mơ. Tôi thích khám phá và chia sẻ những điều mới mẻ. Hãy đồng hành cùng tôi nhé ! 😁😘😍 - Con đường tôi đi là con đường tôi chọn - 😎😂✌ facebook twitter pinterest youtube external-link

4 Nhận xét

Vui lòng đưa ra những nhận xét tích cực, mang tính xây dựng.*

  1. bạn cho mình xin code xóa trực tiếp bình luận của người khác ngay trong comment của blogger được không, có nút trả lời và nút xóa hiển thị luôn

    Trả lờiXóa
    Trả lời
    1. bình thường thì nó tự hiện nút trả lời và xóa, chắc là do bạn loại bỏ css mặc định của Blogger nên mới mất nút đó.
      Cách khắc phục: Bạn thêm đoạn css sau vào trước thẻ ]]></b:skin>

      ---------------------------------

      div.blog-admin,div.pid-xxx{display:block}
      span.blog-admin,span.pid-xxx{display:inline}

      ----------------------------
      Thay xxx thành ID blog của bạn nhé

      Xóa
    2. làm theo bạn mà không được. phần commment không hiển thị chữ " xóa " như của bạn

      Xóa
    3. @Anh Duc đen thôi, đỏ quên đi

      Xóa
Mới hơn Cũ hơn

AdBlock Detected!

Phát hiện trình duyệt đang sử dụng AdBlock. Vui lòng tắt AdBlock để có thể xem nội dung cũng như ủng hộ tác giả. DXOan xin cảm ơn. Chúc bạn một ngày vui vẻ !