Blog DX

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

14 tháng 11, 2014
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(http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM/wAw1Z1sgj78/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

4 nhận xét:

  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