[Blogger] 為blogger 每則留言繡上數字(Numbering comments)

Share

有時候留言數一多,想看第幾則留言,就不是很容描述,blogger 內建並沒有為每則留言加上數字的功能,不過有些hack 程式可以達到這個目的.


這個方法除了可為留言加上數字, 點選每一個數字還可以讓該則留言置頂,方便瀏覽. 不過不是很好說明,如果大家用的範本與本例說明相差甚多,就不建議操作.

首先, 先到版面配置 --> 修改HTML --> 打勾展開小裝置範本


1. 找出 <dl id='comments-block'>,在此行之後,加入下列程式碼
<script type='text/javascript'>var CommentsCounter=0;</script>

2. 然後在<b:loop values='data:post.comments' var='comment'>之後,加入以下程式碼<div class='' expr:id='data:comment.id'>

3. 在<data:commentPostedByMsg/>之後,加入程式碼(請參考附圖的相對位置)
<span class='numberingcomments'>
<a expr:href='&quot;#comment-&quot;+data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter);
</script>
</a>
</span>

點圖片可放大.(建議比照圖片中的相對位置)


4. 往下找到最近的一組</b:loop></dl>,在之前加入</div>

點圖片可放大.


5. 最後一步, 就是在 ]]></b:skin> 之前, 加入下列CSS程式碼, 也可以自己調整紅字部份.
.numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px;
text-align: right; /*文字對齊*/
font-family: 'Century Gothic','Lucida Grande';
font-size: 30px; /*字體大小*/
font-weight: normal;
}

.numberingcomments a:link, .numberingcomments a:visited {color: #445566 !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #FF9933 !important; text-decoration: none !important;}

儲存後,就可以看到加上數字的留言了.

參考來源: Numbering comments

相關文章 :