Monday, 10 February 2014

06:02
  • 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


       Bubble Comment Count in blogger     Bubble Comment Count           Add Bubble Comment Count    Bubble Comment Count  Bubble Comment Count   bubble comment blogger    bubble comment blogger     bubble comment blogger        blogger tips, blogger tricks    blogger widgets, bubble comment count         blogger comments, comment count           

 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
Congratulations you have done.

0 comments:

Post a Comment