: Comment Count Bubble To Blogger Post Titles

Comment Count Bubble To Blogger Post Titles

Having a comment count bubble to each blogger post titles makes your blog more attractive. This improves not only your comments count but also allows your visitors to see what are the most popular posts on your blog. If a post has more comments then it will show the popularity of posts to your readers and visitors. So let’s start adding this feature to your blog post titles by displaying the total count of the comments for your Blogger posts:

Step 1.

If you are using the old Blogger interface:

If you are using the new Blogger interface:

Step 2. Find (CTRL + F) the following piece of code in your template:

]]>

Step 3. Place this code just above ]]>:

.comment-bubble {

float : right;

width : 48px;

height : 48px;

background : url(http://2.bp.blogspot.com/-7FFIKA34Kvw/T4x9E0RmA0I/AAAAAAAAALI/03AG305CesI/s1600/speech+bubble+green.png);

background-repeat: no-repeat;

font-size : 18px;

margin-top : -15px;

margin-right : 2px;

text-align : center;

}

Step 4. Now find the below code:

Note: If you can’t find it, search this code instead:

Step 5. Add this code immediately after it:

Note:

– to change the color of the comments number, replace with the hex value of your color;

– to change the font size, increase/decrease the px value;

Step 6. Now Preview your template and if everything is ok, Save the Template.

You can choose one of these images below (Right click on the desired image and select “Copy Image Address/Location” – paste it instead of the red code from step 3)

Enjoy (:

Didn’t find what your were looking for? Then you might be interested in this tutorial:

No comments

Post a Comment

Subscribe to:

Popular Posts

Add a Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!