Chủ Nhật, ngày 15 tháng 5 năm 2016

Share CODE Đánh Giá Sao (Widget Rating) Đẹp cho Blogger Blogspot

Ở bài viết này sẽ không cần các bạn biết về CODE. Đại loại nó như 1 dạng tiện ích đánh giá bài viết dạng LIKE và DISLIKE. Thông thường sẽ ở dạng hình ngôi sao hoặc icon LIKE và DISLIKE kèm bộ đếm. Tiện ích đánh giá bài viết (Widget Rating) này sẽ giúp cho các bạn nắm được phản hồi của khách khi xem bài viết của các bạn từ đó nâng cao chất lượng tổng thể của trang web


Share CODE Đánh Giá Sao (Widget Rating) Đẹp cho Blogger Blogspot

Nếu bạn muốn thêm nút đánh giá bài viết vào blog để có thể phân loại được bài viết hay tốt cho đọc giả và nút like riêng biệt thì hãy làm theo hướng dẫn này nhé!

Bước 1
Các bạn vào http://rating-widget.com/get/rating/blogger 
Nếu bạn chưa có tài khoản hãy chọn Sign Up & Add to Blogger
Đăng kí như hình bên dưới

Nếu bạn có tài khoản Facebook, google hay là của rating thì chọn Sign In & Add to Blogger

Bước 2
Ở bước này các bạn sẽ tùy chỉnh mẫu nút đánh giá theo sở thích của các bạn
- Style có 3 kiểu là đánh giá sao, thích không thích và nút thích ở đây mình chọn đánh giá sao
- Theme & Color chỉnh sửa kích thước của nút và icon có rất nhiều hình ngôi sao và những hình khác


- LANGUAGE & FONT để tùy chỉnh font chữ, ngôn ngữ kích thước và style
- LABEL căn chỉnh trái phải của nút đánh giá
- Stars ở đây là tùy chỉnh số sao đánh giá nếu bạn chọn đánh giá sao, ở đây mình để mặc định là 5 sao 
- Custom text ở tab này các bạn có thể tùy chỉnh lại nội dung của mỗi điểm đánh giá sao
Sau khi tùy chỉnh xong các bạn nhìn sang tab LIVE PREVIEW đó chính là kết quả của bạn nó sẽ hiện thị như vậy khi được đưa vào blog

Bước 3
Các bạn chọn Show Source Code


Các bạn dán code sau vào vị trí bạn muốn hiển thị đánh giá
<div class="rw-ui-container"></div>

Sau đó các bạn copy đoạn javascript trên và vào chỉnh sửa HTML và dán nó vào chỗ nào bạn thích ở đây mình dán vào sau thẻ <data:post.body/>
Chúc các bạn thành công !