আপনার ব্লগের পোষ্টে কতগুলো কমেন্টস রয়েছে তা ইমেজের মাধ্যমে জানুন

ইমেজেটি কেমন তা জানুনঃ

 

যেভাবে আপনার ব্লগে সংযুক্ত করবেনঃ

নির্দেশনাবলী অনুসরন করে কোডটি আপনার ব্লগে সংযুক্ত করুন।কোডটি সংযুক্ত হয়ে টেমপ্লেটটি সেভ করুন।
কোন সমস্যা বা ভাল লাগলে কমেন্টস করে আমাকে জানাবেন। ধন্যবাদ।

Today, I am going to teach how to add comment bubble beside each post title in Blogger blogs. Usually in default Blogger templates or in the theme that I'm using for my blog, you can see the number of comments shown below the post title is in this form: 3 comments. But, to make it look more professional we can use comment bubble where the comment number is shown inside a "Bubble" like shown in the image below.

I've used this comment bubble in my latest template, Pro Indexer. Before start editing your template save a backup of it first. After that, follow these easy steps below.

1. Go to Layout > Edit HTML > Click on "Expand Widget Templates"

2. Search for this code in your CSS. It is usually found at the end of the CSS section.

]]>

3. Replace that code with the code below.

/*------Commment Bubble Start------*/

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ibcJgDdez0OmUzbx-KtxF0364FATRVLTXRLByVFWZJbXphL-OvHDvzhUc54ONauZhyphenhyphenSsMWE9zOLSBwd1ZkjnQKBV0Uabyc3VfQPpDAZ1iP9xEykdQASYJEghY6xigGz7qtBhd6fUsPuS/) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
padding:0px 0px 0px 0px;
}

/*------Commment Bubble End Introblogger------*/

]]>

4. Now search for

and you'll eventually see the whole bunch of the codes below.

5. Immediately next to the

, paste the piece of code below.

And now the edited code will look like this.

And you are done. Click save template.