Comment bubble by the title

Step 1:
Login blogger > Design > Edit HTML > Expand Widget Templates
Ctrl + F

<h3 class='post-title entry-title'>

Step 2:
在 step 1 后
paste 以下的 code

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>


Step 3:
Ctrl + F

</head>

Step 4:
在 step 3 前
paste 以下的 code

<style type="text/css">
.comment-bubble {
float: right;
background: url(http://i49.tinypic.com/2vugahu.jpg) no-repeat;
width:55px;
height:38px;
font-size: 18px;
margin-top: -15px;
margin-right: 2px;
text-align: center;
}
</style>

可以在红色 highlight
改成你喜欢的 dialog bubble
可以在绿色 highlight
改成你喜欢的 bubble 尺寸

My Notes

因为我的留言功能
是使用 Disqus
所以这功能 apply 不到在我的日记
只可以 apply as an Icon

资料 courtesy to KenchyClass