Blog de Oldman

部落格工具-誰在背後講我-For Blogspot

如果直接可以在文章上看到網摘上討論情形，對部落客來說將是很棒的，這樣的功能在黑米就有提供，這裡就把他的詳細改法記錄下來：

繼 黑米書籤HEMEDEMI部落格工具-誰收藏我-For Blogspot這是一個很有趣的小工具，可以讓所有看到你的頁面的人知道誰在 黑米書籤HEMEDEMI討論了這篇文章
網址:http://flickr.tw/2006/08/hemidemi_scriptlet_1.html


如同上一篇所說的官方版本的只介紹Script語法跟CSS語法，所以針對Blogger.com的使用者，我來作一個比較詳細一點的介紹：
找到：(這個之前為CSS段)

]]>

在這個之前加上：

.hemidemi_comments {
text-align:left;
font-size:12px;
margin-bottom:4px;
}
.hemidemi_comments img { margin:2px; }
.hemidemi_comments a {
font-size:
12px;
text-decoration: none;
}
.bookmark_comment {
float:none;
word-wrap:break-word;
border:1px solid #eee;
margin:1px;
padding:4px;
text-align:left;
}
.bookmark_text {
display:block;
border:0px solid #eee;
margin:1px;
padding:4px;
text-align:left;
}
.bookmark_userinfo {
display:inline;
float:left;
margin:4px;
width:50px;
text-align:center;
}
.bookmark_userinfo a:link {
text-decoration: none;
color:#333;
}
.bookmark_userinfo a:visited {
text-decoration: none;
color:#333;
}
.bookmark_userinfo .thumbnail {
float:none;
width:50px;
padding:0px;
overflow:hidden;
text-align:center;
}
.bookmark_userinfo .thumbnail img {
border: none;
width: 40px;
}
.bookmark_userinfo .name { text-align:center; }

然後找到類似這一段((視你的Template))

<p class=’comment-footer’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<data:postCommentMsg/></a>
</p>

在這之後加上：

<script src=”http://webdev.yuan.cc/scriptlets/hemidemi_comments.js”>
</script>

或加入條件判斷是否為單篇文章，如下面這樣，可以讓你的首頁不用顯示出黑米的icon 但是單篇文章可以顯示出來：

<b:if cond='data:blog.pageType == "item"'>
<script src='http://webdev.yuan.cc/scriptlets/hemidemi_comments.js'>
</script>
</b:if>


想看Demo請點選這裏