Đầu tiên bạn vào đây và đăng kí 1 nick. Đây là trang giúp chúng ta tạo widget đánh giá bài viết hoàn toàn miễn phí không chỉ cho Blogger mà còn cho cả WordPress cũng như nhiều mã nguồn khác
Tiếp đó các bạn vào địa chỉ : http://rating-widget.com/get/rating/blogger/#editor
Trong trang Editor, Rating-widget cung cấp cho các bạn 6 mục để tùy chỉnh
- STYLES : Kiểu dáng
- THEME & COLORS : Màu sắc và giao diện
- LANGUAGE & FONT : Ngôn ngữ và Font chữ ( Lưu ý : Rating-widget có hỗ trợ ngôn ngữ tiếng việt )
- LABEL : Vị trí
- STARS : Số lượng ngôi sao
- CUSTOM TEXT : Chữ hiển thị khi bạn rê chuột vào ngôi sao
Phần tùy chỉnh các bạn tự xem thêm, mình không giải thích nhiều ở phần này
THÊM WIDGET ĐÁNH GIÁ BÀI VIẾT CHO BLOGGER
Rating-widget hỗ trợ 2 kiểu, 1 là thêm tự đông, 2 là thêm bằng tay. Mình sẽ hướng dẫn cách 2. Các bạn nhấn Button Show Source Code để hiện mã widget sau đó Copy nó lại. Ví dụ của mình là
[css]<script type="text/javascript">(function(d, t, e, m){
window._rws = window._rws || [{
huid: "167987",
uid: "4220df23cac1847c0a27bd402eb042ac",
source: "blogger",
options: {
"size": "medium",
"style": "ratingwidget",
"lng": "vi",
"showRecommendations": false,
"showSponsored": false
}
}];
window._rws = window._rws || [{
huid: "167987",
uid: "4220df23cac1847c0a27bd402eb042ac",
source: "blogger",
options: {
"size": "medium",
"style": "ratingwidget",
"lng": "vi",
"showRecommendations": false,
"showSponsored": false
}
}];
// Append Rating-Widget JavaScript library.
var rw, s = d.getElementsByTagName(e)[0], id = "rw-blogger-js",
p = d.location.protocol, a = ("https:" == p ? "secure." +
m + "js/platform/" : "js." + m + "platform/"),
ck = "Y" + t.getFullYear() + "M" + t.getMonth() + "D" + t.getDate();
if (d.getElementById(id)) return;
rw = d.createElement(e);
rw.id = id; rw.async = true; rw.type = "text/javascript";
rw.src = p + "//" + a + "blogger.js?ck=" + ck;
s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));</script>
[/css]
var rw, s = d.getElementsByTagName(e)[0], id = "rw-blogger-js",
p = d.location.protocol, a = ("https:" == p ? "secure." +
m + "js/platform/" : "js." + m + "platform/"),
ck = "Y" + t.getFullYear() + "M" + t.getMonth() + "D" + t.getDate();
if (d.getElementById(id)) return;
rw = d.createElement(e);
rw.id = id; rw.async = true; rw.type = "text/javascript";
rw.src = p + "//" + a + "blogger.js?ck=" + ck;
s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));</script>
[/css]
Tiếp đó các bạn đăng nhập vào Blogger >> Bố cục >> Thêm Widget HTML và chèn đoạn code vừa Copy ở trên vào
Save lại. Vậy là đã xong. Bây giờ bạn có thể quay trở về trang chủ để kiểm tra xem đã hoạt động chưa. Chúc các bạn thành công
0 Bình luận, nhận xét,đánh giá bài viết