Reactions on Blogger - Thêm nút Thanks cho bài viết trong Blogger

Reactions trong Blogger được gọi nôm na là phản ứng của người đọc bài viết như : hay, không hay, bình thường,... Sau bài viết thêm Comment Facebook mình đã nghĩ ra và dựa vào chức năng này để thêm vào bài viết nút " Thanks " cho mọi người thấy được Blogger cũng tùy biến không kém gì wordpress nhá, và không cần thêm nút Like Facebook cho nặng blog.

Hướng dẫn bật chức năng Reactions

1. Đăng nhập vào Blogger.
2. Vào phần Bố cục » Bài đăng trên Blog » Chỉnh sửa.


3. Đánh dấu tích vào ô nhỏ bên chữ Phản ứng » Chỉnh sửa.
4. Gõ từ bạn muốn hiển thị, ở bài này thì bạn gõ chữ " Thanks " nhé.
5. Kéo xuống dưới bấm Lưu là xong.

Hướng dẫn thêm code hiển thị Reactions

1. Đăng nhập vào Blogger.
2. Vào phần Mẫu » Chỉnh sửa HTML.
3. Chèn đoạn css bên dưới vào trước thẻ đóng </b:skin>

.reactions-iframe {
background:none repeat scroll 0% 0% transparent;
height:2.3em;
width:100%;
border:0px none;
}
.reaction-buttons {
position:relative;
}
.thanks {
font:normal 10px Tahoma;
position:absolute;
left:100px;
top:2px;
padding:2px 0 0 11px;
width:169px;
height:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5P9VstcioBbPs-jPSlgeg_x2hyphenhyphenMJF8aPv7URuyy30UhU5UBg8Z-vs6nTS3EQuQdxVFZUslfGz_IeoZ8_-njNVFkkt0gasEneZ-o778Mbjg7yMxLN6akDvm35OrOOmscwgOZ35-mmtnK_X/s180/thanks-bg-180.png) no-repeat top left;
}

4. Tìm đoạn code như bên dưới :

<b:include data='post' name='post'/>

5. Chèn ngay sau nó đoạn code này :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:top.showReactions'>
<div class='reaction-buttons'>
  <span class='thanks'>Hãy bấm Thanks để ủng hộ tác giả</span>
  <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</div>
</b:if>
</b:if>

6. Lưu lại và mở xem bài viết để thấy kết quả.


Kết bài : trên đây là một cách thêm nút Thanks đơn giản nhất, ngoài ra các bạn có thể thêm các phản ứng khác cho bài viết của bạn tùy ý. Chúc các bạn thành công !