Hướng dẫn:
Bước 1: Bạn vào trang quản lý tổng thể -> Mẫu -> Chỉnh sửa HTML
Bước 2: Tìm thẻ đóng </head> rồi coppy đoạn mã bên dưới vào phía trước nó
<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />
Bước 3: Bạn tìm tiếp đoạn mã <data:post.body/> và thêm đoạn code phía dưới vào trước hoặc sau nó.<b:if cond='data:blog.pageType != "static_page"'><div expr:id='"labels_" + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>Rate this posting: <div expr:id='data:post.id' class='ffbs_rate'>{[['<img src="http://static.graddit.com/img/star.png"/>']]}</div><div expr:id='"ffbs_stats_" + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='"http://www.graddit.com/rate/eng/5/" + data:post.id + "?id=" + data:post.id + "&stats=ffbs_stats_" + data:post.id + "&labels=labels_" + data:post.id + "&info=info-" + data:post.id + "&info_delay=2&url=" + data:post.url + "&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes"'></script></b:if>
Lưu ý: Widget này cung cấp 2 tùy chọn, tức là bạn có thể cho nó hiển thị ở phần đầu hoặc cuối bài viết. Trên thực tế tôi thích nó được đặt ở cuối bài viết hơn vì khi khách hàng của bạn đọc xong bài viết họ có thể nhanh chóng đánh giá bài viết đó. Vì thế bạn có thể cho nó hiển thị bên trên hay dưới bài viết bằng cách chèn đoạn mã trên trước hoặc sau đoạn <data: post.body />.
Widget này tạo ấn tượng rất tốt cho blog của bạn mà không làm ảnh hưởng đến tốc độ tải trang nên bạn yên tâm sử dụng.
Chúc các bạn thành công.
Đăng nhận xét