Nút Like và Dislike không Facebook (Rating Post) dành cho Blogger

Like & Dislike Button for Blogger

Khi nhắc đến Like Button bạn có thể nghĩ ngay đến Facebook. Nút "Thích" của Facebook thật sự rất tiện lợi để độc giả bày tỏ quan điểm của mình, tuy nhiên nút like này vẫn còn một số hạn chế như: không có nút "Dislike" và plugin nhúng vào website khá nặng nên các webmaster phải khá cân nhắc khi thêm vào site của mình. Hôm nay Iris Tips sẽ chia sẻ cho các bạn một nút like đến từ một NPH khác, không Facebook, nhẹ và nhiều tính năng hơn.

Tính năng

- Voting - Like và Dislike.
- Tooltips.
- Counter - Hiển thị số lượt Like và Dislike.
- Lazy load - giúp không làm ảnh hưởng đến tốc độ tải trang của website bạn.
- Sharing - Sau khi nhấn like sẽ hiện tooltips chứa các biểu tượng chia sẻ lên các mạng xã hội khác nhau.
- 28 themes khác nhau cho bạn lựa chọn.
- Hỗ trợ nhiều ngôn ngữ, trong đó có Tiếng Việt.
- Và còn rất nhiều tính năng khác các bạn hãy tự mình khám phá nhé...

Cách thực hiện

1Truy cập vào đường dẫn này.

2Like Button Code Generator >> Website plan, bạn hãy chọn FREE và sau đó hãy thiết lập các thông số mà bạn thích.

3Cuối cùng trở lại Blogger, vào Chủ đề >> Chỉnh sửa HTML và dán đoạn code bạn nhận được vào vị trí bạn muốn hiển thị Like Button. Nếu muốn hiển thị sau mỗi bài viết bạn hãy đặt đoạn script vào sau thẻ <data:post.body/>

4Hoặc đơn giản hơn bạn có thể lấy đoạn code bên dưới được tùy chỉnh bởi Iris Tips

<span class='likebtn-wrapper' data-lazy_load='true' data-loader_show='true'></span>
<script type="text/javascript">(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//sites.google.com/site/iristipsblogger/file/likebtn-widget.js");</script>

• DEMO

1 lưu ý nhỏ: Tài khoản miễn phí của tiện ích này không hỗ trợ giao thức HTTPS do đó bạn hãy chuyển website của bạn về HTTP hoặc nâng cấp tài khoản nếu muốn sử dụng trên nền HTTPS.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm