Thứ Hai, 19 tháng 12, 2011

Thêm đánh giá SAO cho Blogspot

Tính năng mới star rating có của blogspot 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 blogspot 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ố blogspot 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>


Không có nhận xét nào:

Đăng nhận xét