Bật chấm điểm bài viết mặc định của Blogger

Nếu là một người sử dụng Blogger lâu năm rồi thì các bạn sẽ biết, trước kia trong Blogger có một tính năng có sẵn đó là chấm điểm bài viết. Sau một thời gian Blogger cập nhật thì tùy chọn này đã biến mất trong widget Blog. Nhưng mà mình nghĩ chắc cũng nhiều người tìm lại nó lắm, chính vì thế hôm nay mình sẽ hướng dẫn các bạn thêm hoặc bật lại tính năng này.

Tính năng này đương nhiên nó sẽ có những nhược điểm nhất định ví dụ như nó load tương đối chậm, không cho đặt màu nền trong suốt, nếu muốn phải tự thêm mã màu vào,.. nhưng lại được cái là chỉnh chủ.

Bật chấm điểm bài viết mặc định của Blogger

Mặc dù Blogger đã bỏ tùy chọn trong widget blog, nhưng những đoạn code về tính năng chấm điểm bài viết này vẫn còn nằm trong Blogger Template, do đó việc nhỏ phải làm là bạn đã bật được tính năng này.

Bạn hãy tìm đến đoạn mã sau

<b:include name='feedLinks'/>

bạn kiểm tra ngay phía dưới nó có đoạn mã như thế này không

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

nếu không có thì bạn hãy thêm nó vào.

Tiếp tục, nếu bạn hãy kiểm tra lại đoạn mã trên sẽ có một thẻ điều kiện if

<b:if cond='data:top.showStars'>
...
</b:if>

chỉnh đoạn if này chịu trách nhiệm xem tùy chọn trong widget blog có được bật trông tùy chọn của widget Blog hay không, nhưng không may rằng nó bị bỏ bên trong đó rồi. Do đó đoạn if này chã còn tác dụng gì nữa, chính vì thế để bật tính năng chấm điểm bài viết thì đơn giản bạn chỉ cần xóa hoặc thay bằng một trong những đoạn if này để về sau dễ chỉnh sửa.

Ví dụ thế này nếu bạn muốn xuất hiện ở trang bài viết thì thay cái if trên bằng

<b:if cond='data:blog.pageType == "item"'>

còn không thì xóa luôn như mình nói ở trên cũng được.

Bây giờ để hãy đặt đoạn mã này vào chỗ mà bạn muốn nó xuất hiện, ví dụ như chân trang bài viết thì bạn tìm đến

<div class='post-footer'>

và chèn xuống dưới nó

<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='Mã màu nền' g:height='42' g:type='RatingPanel' g:width='280'/>
      </span>
<div style='clear: both;'/>
</b:if>

bạn hãy thay "Mã màu nền" bằng mã màu mà bạn muốn. Nếu bạn muốn màu của nó trùng với màu nền của bài viết thi mẹo của mình là:

• Sử dụng Snipping Tool mặc định của window để chụp hình trang bài viết.
• Sử dụng công cụ lấy mã màu từ ảnh để lấy mã màu.
• Thay Mã màu nền bằng mã màu mà bạn lấy được.

Sau khi chèn xong nếu cảm thấy nó không được đẹp lắm thì bạn có thể căn chỉnh lại nó bằng CSS, bạn có thể sử dụng mẫu của mình, tìm đến thẻ ]]>
và chèn đoạn này lên

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

lưu lại là hoàn tất.