August 12, 2011

How To Add Bubble Comments Count in Blogger Post Title


This bubble comments count near your each of you post title can make make your blog more attractive to your visitors.so let's go ahead and add a small bubble comment count in front of your blogger post area.

How To Add Bubble Comments Count in Blogger Post Title


1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see ]]></b:skin> tag.

4.Copy below code and paste immediately before it ]]></b:skin>













.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://1.bp.blogspot.com/_1fRuBdlSpLw/S-_7DPCITWI/AAAAAAAAAXU/EBCsy37ga2U/s1600/Comment+Bubble+%2815%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:float;
}

5.Now find this code: <b:if cond='data:post.link'>

and replace it with the bellow 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>
<b:if cond='data:post.link'>


Note: To use below images Right Click and "Copy Image Address/Location






6. Click on "Save Template" You are Done.

Cheers

No comments:

Post a Comment