Trong bài viết này mình sẽ hướng dẫn tạo nút Like cho nhận xét ở phiên bản Thread Comment mới. Vẫn được sử dụng tiện ích Star Ratings "cây nhà lá vườn" của Blogger tuy nhiên không gây xung đột với tiện ích này ở phần đánh giá bài viết, chỉ tải về khi đưa chuột vào nút Like do đó không làm chậm blog.
Bước 1: Thêm đoạn mã dưới đây vào trước thẻ
Bước 2: Thay thế đoạn mã
Bước 3: Thay thế đoạn mã
Bước 4: Thêm đoạn mã dưới đây vào sau thẻ
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/AVvXsEgg2T0qbO_gRZ6ZQVDk4eEKNm_czx6VEiR6LXJCG-vyaEXNS__cpuiVEzeipc84aYo_1ogN7GlcOH9yNpxX3ihZerodDrfZErcXYo-Dd6O2SX0K_2Qp2P_3rqtlL_qaXaUfxosA9QSjfmQ/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>
Mang về blog và hãy bấm Like cho nhận xét mà bạn thích nhé!
No comments