Tiện ích đánh giá bài viết (Rating) trong Blogspot

Đánh giá bài viết hay còn gọi là Rating, nó giúp người đọc tương tác tốt hơn với bài viết của bạn tốt hơn thông qua việc đánh giá, cho điểm bài viết.
Nếu bạn là một người sử dụng nền tảng Blogger thì bạn cũng biết rằng trước kia Blogger cung cấp sẳn cho ta một tiện ích đánh giá bài viết bằng cách bỏ phiếu thông qua các ngôi sao xinh sắn, nhưng sau một ngày đẹp trời Blogger cập nhật lại và đã loại bỏ tùy chọn đánh giá bài viết này đi, nhưng nếu bạn để ý một chúc, bạn có thể thấy là nó vẫn còn tồn tại trong template của bạn, bạn hoàn toàn có thể kích hoạt lại chức năng này được. Và làm sau để kích hoạt lại chức năng này? Trong bài viết này, mình sẽ hướng dẫn các bạn kích hoạt lại nó theo 2 bước đơn giản dưới đây:

Bước 1: Vào Template >> Edit HTML tìm đoạn mã sau: 

<b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
</b:if>

Nếu bạn không tìm thấy đoạn mã trên, thì tìm <b:includable id='feedLinks'> và thêm đoạn mã phía trên vào phía sau <b:includable id='feedLinks'>
Lưu ý: xóa thẻ điều kiện mình tô màu vàng ở đoạn code phía trên đi

 Xem thêm: Biểu thức điều kiện IF - ELSE trong Blogger

Bước 2: Tiếp theo, chọn vị trí hiển thị tiện ích đánh giá bài viết. Đặt đoạn mã phía dưới vào chỗ muốn hiển thị chức năng đánh giá bài viết. Ví dụ ở đây mình đặc vào vị trí cuối mỗi bài viết:

• Tìm <div class='post-footer'>
• Và thêm ngay phía dưới nó đoạn mã sau đây:

<b:if cond='data:blog.pageType == "item"'>
   <span class='star-ratings'>
      <div expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:background-color='#fff' g:height='35' g:type='RatingPanel' g:width='155' />
   </span>
   <div style='clear: both;'/>
</b:if>

Đoạn mã này có tác dụng hiển thị tiện ích đánh giá cho bài viết của bạn.
Bạn có thể tùy chỉnh các thuộc tính như: màu nền (g:background-color), độ rộng (g:width), độ cao (g:height) của nó (iframe). Hoặc bạn có thể định dạng lại class star-ratings theo ý thích của bạn
Ví dụ:

.star-ratings {
    margin: 15px 0;
    width: 155px;
    height: 40px;
    float: left;
    overflow: hidden;
    border: solid 1px;
    background: #f6f6f6;
}

.star-ratings iframe {
    margin: 10px;
}

Vậy là xong ^^ Hy vọng với thủ thuật nhỏ này sẻ giúp bạn tìm lại được tiện ích đánh giá bài viết (Rating) của Blogspot. Chúc bạn thành công!