Đưa đánh giá sao từ Google trở lại với Blogger

Một tiện ích rất hay mà dường như đã bị quên lãng bởi người dùng :  Tiện ích đánh giá sao mặc định của Blogger
Ảnh hưởng rất lớn tới SEO, công cụ giúp đánh giá tính phổ biến của một bài viết vì vậy đây quả là một phương tiện thu thập dữ liệu người dùng hay và tốt nhất. Thủ thuật 7Phut.net sẻ hướng dẫn bạn đưa nó trở lại với Blogspot.
Đầu tiên, bạn login vào hệ thống với đường link sau : http://draft.blogger.com/ ( Lưu ý, chỉ đường link này mới thấy được công cụ cài đặt tiện ích )
Vào " Bố cục " và trình chỉnh sửa module bài viết có hình như sau đây :

Click vào biểu tượng như hình vẻ để kích hoạt.
Nhưng như thế sẻ chưa xong việc đâu nhé, còn một bước nửa là can thiệp vào templates để đưa mã hiển thị vào nhé.
Truy cập vào trình chỉnh sửa templates, mở chế độ mỡ rộng và tìm đoạn :  <data:post.body/>
Và thêm đoạn mã hiển thị này vào trước nó :

<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>

Trên là đoạn mã hiển thị tiện ích, bạn có thể chèn nó bất cứ nơi đâu trong thẻ div Post không bắt buộc là nằm trên hay dưới nội dung bài viết.
Để gọi tiện ích, tìm thẻ : <b:include name='feedLinks'/>
chúng ta sẻ tiếp tục sử dụng đoạn Java sau để  chèn vào trước <b:include name='feedLinks'/>

<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.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Lưu kết quả và trờ lại bài viết để xem kết quả hiển thị.
Bài viết sau về chủ đề này mình sẻ hứơng dẫn đưa phiếu bầu sao lên kết quả tìm kiếm của Google cho Blogger ( Blog của mình đã áp dụng, bạn có thể kiểm tra nó trên Google với từ khóa : huong dan su dung windown manage )
Share this article :

Đăng nhận xét

 
Copyright © 2011. cua cuon - cua kinh 2 - All Rights Reserved
Template Created by Creating Website