想讓網友來票選你那一篇文章較受歡迎嗎？ Josh's Note 有篇文章 Blogger in Draft：Star Ratings 很方便讓網友可以直接投票，而且不用登入 Blogger．首先登入到 draft.blogger.com，點選「版面配置」–「網頁元素」，編輯「網誌文章」，選取「顯示星號評等」後儲存。如下圖
##CONTINUE##
Josh's Note 的文章提到要貼入兩段程式碼，經我測試過後，發現只要填入第一段就好，不然星號評等會出現二次．因為當你選取「顯示星號評等」時，Blogger 已幫你加入第二段程式碼了．
若是加在文章底部時，文章底部有三個區塊，分別是 <div class='post-footer-line post-footer-line-1'>、<div class='post-footer-line post-footer-line-2'>、<div class='post-footer-line post-footer-line-3'> ，由你自己決定要放在那：
1.我是放在 <div class='post-footer-line post-footer-line-1'>末：
貼入下列的程式碼：
<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>
</div>
<div class='post-footer-line post-footer-line-2'>
2.然後在<head></head>之間
加入下列的 CSS 程式碼
.star-ratings {
float:right;
margin:-15px 0px 0px 0px;
}
.RatingPanelCustom {
width:155px;
}
3. 儲存範本即可
沒有留言:
張貼留言