Hot Post

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>



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
Đăng ký nhận tin khuyến mãi, thủ thuật mới

Mẹo nhỏ khi bình luận
  • - Để viết chữ in đậm hãy sử dụng thẻ <b>chữ in đậm</b>
  • - Để viết chữ in nghiêng hãy sử dụng thẻ <i>chữ in nghiêng</i>
  • - Để viết code hãy sử dụng công cụ Conversion ở bên dưới để mã hóa và sau đó dán vào khung bình luận.
  • - Để chèn hình ảnh, video chỉ cần dán link trực tiếp của hình ảnh hoặc video vào khung bình luận (hỗ trợ: jpg, gif, png, bmp, Youtube).
  • - Bạn có thể upload hình ảnh, tập tin trực tiếp từ máy tính bằng cách sử dụng công cụ Up ảnh hoặc Up file ở bên dưới.
  • - Bạn có thể check vào ô Notify me ở khung nhận xét để nhận thông báo qua email khi ai đó trả lời bình luận của bạn.

2 Comments

  1. Em dán đoạn code

    .......

    vào cả trước và sau thẻ
    đều không được
    Chỉ dẫn rõ cho em với

    Trả lờiXóa
    Trả lời
    1. Đoạn script vẫn hoạt động bình thưởng bạn nhé. Mình vừa chỉnh sửa lại bài viết chi tiết hơn và thêm demo vào. Bạn xem lại xem ok không nhé. ;-D

      Xóa

Đăng nhập bằng Google


Cùng tham gia bình luận bài viết này nhé!