Thêm đánh giá sao hay star rating cho blogspot

{tocify} $title = {Mục lục bài viết}

[tintuc]Hôm nay cuahangtemplate xin giới thiêu với các bạn thủ thuật mới
Tính năng mới star rating có của blogger tuy nhiên để sử dụng bạn phải đăng nhập vào http://draft.blogger.com/
Đối với theme chuẩn của blogger thì bạn chỉ cần vào
phần Layouts page (Design) -> Page element rồi click vào edit bài đăng trên trang chủ và đánh dấu vào mục “Show Star Ratings” checkbox.

 chọn vị trí xuất hiện cho widget này theo ý muốn.

Chú ý:

Một số blogger có theme ko phải là dạng chuẩn bạn cần làm như sau:

1 Vào phần chỉnh sửa HMML (Edit HTML), click vào "Mở rộng mẫu tiện ích" ("expand widget templates").

2. Rồi tìm đoạn code dưới đây

<div class='post-footer-line post-footer-line-1'>

3. Nếu bạn ko tìm thấy thì có thể tìm:

<p><data:post.body /></p>

4. Sau đó copy đoạn code này vào ngay sau đoạn code vừa tìm thấy ở bên trên:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/> </b:if> </span> </b:if>

5. Tiếp theo tìm:

<b:include name='nextprev'/>

6. Rồi paste đoạn code này vào sau nó:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>

<script type='text/javascript'>

google.load("annotations", "1");

function initialize() {

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>




7. Click Save lại và xem kết quả.

Nếu có thắc mắc, hãy để lại comment phía dưới nhé, admin của cuahangtemplate.com sẵn sàng trợ giúp bạn
chúc các bạn thành công!! [/tintuc]