Cách thêm đánh giá 5 sao cho bài viết blogger

H

ướng dẫn cách thêm đánh giá 5 sao cho mỗi bài viết Blogger. Nói ngắn gọn, đây là tiện ích xếp hạng/bình chọn cho mỗi bài viết. Nó được tích hợp với bộ đếm để tính toán bình quân các đánh giá cho bài viết đó, mà cụ thể ở đây thể hiện bằng điểm sao. Trong rất nhiều cách để thêm đánh giá 5 sao cho blogger, đây là cách mình ưng ý nhất. Nó đơn giản, dễ áp dụng nhưng đáp ứng gần như các tiêu chí mình cần.

XEM DEMO TRỰC TIẾP DƯỚI CUỐI BÀI VIẾT

Để cài đặt tiện ích này, bạn làm theo hướng dẫn sau:

Bước 1: Vào Chỉnh sửa HTML > CTRL-F tìm ]]></b:skin> hoặc </style> và thêm  trên/trước  nó đoạn code này:

/* Rating Count Star */
#wpac-rating:before {content: "Apakah artikel ini bermanfaat?";top: -15px;text-align: center;position: relative;width: 100%;}
#wpac-rating .wp-stars .wp-star:hover:before{z-index: 999;padding: 3px 11px;background: #1a1d23f0;color: #fff;font-size: 12px;border-radius: 2px;white-space: nowrap;position: absolute;line-height: 1.4;text-align: center;-ms-transform: translateX(-30%);-moz-transform: translateX(-30%);-webkit-transform: translateX(-30%);transform: translateX(-30%);top: 100%;margin-top: 9px;}

Bước 2: Tiếp tục tìm đến đoạn code <data:post.body/> và thêm vào  sau/dưới  nó đoạn code này:

<div id="wpac-rating"></div>
<script type="text/javascript">
wpac_init = window.wpac_init || [];
wpac_init.push({widget: 'Rating', id: 21697});
(function() {
    WIDGETPACK_LOADED = true; //true ubah ke False
    if ('WIDGETPACK_LOADED' in window) return;
    mc.type = 'text/javascript';
    var mc = document.createElement('script');
    mc.async = true;
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
    mc.src = 'https://embed.widgetpack.com/widget.js';
})();
</script>

Bước 3: Lưu Template/Mẫu

Xem bài viết gốc tại đây.