- Sign In to Blogger Dashboard
- Go to Template -> Edit HTML
- Find (Ctrl+F) ]]></b:skin> and copy the below code above it
.comment-count {
float : right;
width : 48px;
height : 48px;
background : url( IMAGE URL );
background-repeat: no-repeat;
font-size : 18px;
position:absolute;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}
Choose The Comment Count Background
- Copy the URL of image you want by right clicking and select Copy image Location or Copy Image URL.
- Replace the RED marked portion above with the image URL
Add Comment Count Code
- Find the following code
<h2 class='post-title entry-title' itemprop='name'>or
class='post-title entry-title'
- Add the following code below it
<b:if cond='data:post.allowComments'>
<a class='comment-count' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
- Save Template
0 comments:
Post a Comment