為你的blogger文章添加"星等評價"功能

為你的blogger文章添加"星等評價"功能

這個東西就像底下這樣子，讀者能直接拖移滑鼠就能為您的"每篇文章"作星等評價喔!雖然我個人覺得沒什麼鳥用，若是您有興趣也可以參考一下!!


1.首先以登陸狀態在網址列輸入http://draft.blogger.com，這是還在beta的blogger後台管理系統。


2.接著點"版面配置"


3.點"網頁文章"右下角的"編輯"


4.在"顯示星等評價"打勾，儲存!!


5.接著修改範本(修改小裝置範本也要打勾)

6.找到<div class='post-footer-line post-footer-line-1'>

7.在其下面添加以下CODE
<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>
8.接著再找到<b:include name='nextprev'/>

9.在其下面添加以下CODE
<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>

10.儲存收工，夠簡單吧!!


參考出處:Blogger Buster