BloggerAds

2008年7月25日 星期五

[教學] Blogger :Star Ratings 文章星等評價

From: Polin Wei

  想讓網友來票選你那一篇文章較受歡迎嗎? 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. 儲存範本即可

沒有留言:

張貼留言