Add Customized Comment To Post Titles in Blogger

Customized comment is very attractive for a blog. It actually can be designed to any sort of display that will match your blog.

In this post I am just going to give you some tutorial on Customizing the comment counter. You just need to follow these simple steps :


STEP #1:
First Log in to 'Blogger' then Go to Layout >> Edit HTML select "Expand Widget."

STEP #2:
Then search for the code below on the template:

<h3 class='post-title entry-title'>

Then paste the given code after it:

<!--CUSTOMIZED COMMENT STARTS -    by www.todaysgossips.blogspot.com-->
<b:if cond='data:post.allowComments'>
<a class='customized-comment' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.numComments/>
</a>
</b:if>
<!--CUSTOMIZED COMMENT END - by www.todaysgossips.blogspot.com-->


STEP #3:

Now the given code below:

</head>


Then immediately below it paste the code below:

<!--CUSTOMIZED COMMENT STARTS - by www.todaysgossips.blogspot.com-->
<style type="text/css">
    .customized-comment {
    float: right;
    background: url(http://i39.tinypic.com/2135ilw.png) no-repeat;
    width: 55px;
    height: 38px;
    font-size: 18px;
    margin-top: -15px;
    margin-right: 2px;
    text-align: center;
    }
    </style>
<!--CUSTOMIZED COMMENT ENDS - by www.todaysgossips.blogspot.com-->


So, now your work is done and you'll have your very own comment display in your blog. If you are still not satisfied with the customized comment logo, you can have your own, just replace the red colored code with your logo. But you have to remember the exact size of it and the position you want to place it.


Or, you can simply put in your comment with desired or interested logo in mind and I'll make that for you.


You can always encourage me or request me with your comments...ENJOY !!