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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi11IIgKNqSJo1olyxyAS_turYNcg7rhVA5fh3MDZ6Q8SXKuwsP9xx38Q2br_a6ikg1s2q9hxdR5SqgO1tKTHCaKLQUbGNa2aGSnIXeRdmSa3Nu6nuoyAaR-T11nsYDwgDqbweO_uyaUn7Y/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