為blogger 每則留言加上數字

首先, 先到版面配置 --> 修改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;}


就可以看到加上數字的留言了




文章引用:Fun New Run High: [Blogger] 為blogger 每則留言繡上數字