Thêm tùy chọn xếp hạng 5 sao cho blogspot

Đây là một tùy chọn giúp bạn dễ dàng nhận được phản hồi từ khách hàng của mình. Một bài viết có được chất lượng tốt đồng nghĩa với lượng Rating cao sẽ khiến khách hàng của bạn thêm yên tâm và tin tưởng vào nội dung bạn chia sẽ. Thông thường chúng ta sẽ đặt nó ở phần trên hoặc bên dưới bài đăng của mình. Khách hàng muốn bình chọn cho bài viết chỉ cần click chọn vào các hình ngôi sao trong widget này.

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 != &quot;static_page&quot;'><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'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div expr:id='&quot;ffbs_stats_&quot; + data:post.id' class='ffbs_stats'></div><script type='text/javascript' expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;'></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.

Share this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait