A comment bubble (or speech balloon) with the current number of comments displayed on each blogger post titles might be an excellent addition if you want to make your blog more attractive and engaging. Having a comment bubble icon could help you not only to get more comments on your blog but may, as well, give your visitors a hint about which are the most popular posts on your blog. When a post has received many comments, it could reflect the popularity of your posts and thus, make your readers and visitors to be more interested in reading them.
If you want to add a comment or speech bubble to your Blogger blog, then follow the next steps below:
Step 1. Log in to your Blogger Dashboard > go to Template > click the Edit HTML button
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger search box
Step 3. Find the following tag in your template:
Step 4. Just above ]]></b:skin> add the following CSS styling:
Comment Bubbles
You can choose one of the images below - right click on the image you like and select "Copy Image Address/Location", then replace the blue code from step 4 with the address you just copied.
![how to add bubble comment count bubble comment count, bubble blogger posts](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNFmBmG0H4eqlhMC_fqX1kcEIExQDhhgjSW0N81Q5VOrubppIY7tyKoedywxfAzoDMP1uci2U7ETjHL9YduG7TN_OqzesWZAxb94ZqBRGZzjHrRSavRMcj6KPs3KYmCiWueJdkjymV71pC/s1600/4.png)
![How to add Bubble Comment Count blogger comments, comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo3TwemT_SV9YJ8Fvs8H0MTw3Z3WTaJ7X0EEiWjPUMfwRMhz7wkd46fUQ2IgOTcHe45vvgE9cVnQebzFxSRHh8pSoj4TmTC4tbNLpeFiv4ImAKzxcar_Wg4UmDIUNFMGysS__uuYhXIHuC/s1600/2.png)
![How to add Bubble Comment Count blogger blogspot, blogger comments](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdaC3BY2q0OUyOfJTt_q2lyPHTTXiwVua_V1SDn9hcn0HUUz5MsQBaDsN2hwO_Eyske5sE0n5ovJDoH6iXFAowaY6M32cvtVyRlO2mvs4cRKCe29O1bUVAomODNvDyGAufdiYv9_1ztjCD/s1600/3.png)
![How to add Bubble Comment Count blogger bubble comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizdIYQtJWPWP80z1ejfnWN5UquIkYUiujrhs2pDSwoNY4BtOIkE-a96YJefYTzhSVRHdQAQiasaGdNC1b-5aU8oSOLP9ispc7lDRuG6q23t4ehIt_pA7VZd7cljzWw8UYN3wUTVQ2V71D_/s1600/blue+2.png)
![How to add Bubble Comment Count comments in blogger titles](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg15TvSTlAyH5KiTo3uRtASmEPIWZx5ogDrf2dvnXnUIm69ppzUEfd3i9LTHWdlqRQI9SgZBqUSWXIwe4fBalCMxVyn5CHWb2WFIMFcIWk6vYOX3Us1wtwTiAJOjNYsz4hkKK16c_H671jx/s1600/blue.png)
![How to add Bubble Comment Count blogger tips, blogger tricks](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmLkw0C-uU5Uq-pW3tHWAG_9DQGGA4KAAXqNltUr2bltiMv0bM25wZKkA7SFGEQqYtZDSCt2CxB0reLhNnAN7iVjbt4rc33QXXKjnf4X7xrjAUBHRgeByD8zQQ7AdqhBcxxH6cGZh9iZP3/s1600/cloud+bubble.png)
![How to add Bubble Comment Count blogger widgets, bubble comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-t9oZocAAGaZ1NETD_9f-Ht-1A8YEd_q0HEvxqJ59LN1q5pHjRBz1T8XwTHLHTt0wwgPeoOpBYoGSTCBSbUM7OtNMRV7q649TTI4Is-A3o5_er8_1kNQWa433whqCXwvpmB3O9D3RgrgF/s1600/cloud.png)
![How to add Bubble Comment Count bubble comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiF1Jv2bVYV6kAPdFDUUbf_vc41re3zxu4LOU7PF2vyw5jvkHo9SGxRycPcIz2z7Ytmdbw3EIPk4PZBYHGaCy2KFm7qXe1zDKPCBuqBzeq_ix2R7QlIMhGQSCOGRpRkQMjLHTHV093cDKr/s1600/comment+1.png)
![How to add Bubble Comment Count Bubble Comment Count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8R4tdABRdg5EWTNQHODg0Jl4AOD1jRl21IUE63QZVa1DV5VmN5RvD0OO1UztpMhEun1k5-HhyEjj1ImFKp42tJBCGWXrL28D8bQrXkxHMg1cyJS7KxT1ScyfmJEoYD3kEORJPrhEVRQdB/s1600/comment+bubble.png)
![How to add Bubble Comment Count Bubble Comment Count, blogger blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3uEkZfPf3NZ9WGGJdo6f4QX3vm9JFQuUSwxnMAIG8rHlNJYUdBcdJcovPdXRPXoFEM3W0jAODSf6Oj0iXpt2qRIPmzCcXPWtS23rvCf4dGNo4meMqqiOS2IDAipLWT5WpX8P7eAZ4rlGb/s1600/devil+comment+bubble.png)
![Bubble Comment Count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOTS5EdKvjnMeSbQWSkFLTm0QtAmuHki-oS6t4Gj024UatQL0ltpwoECwsWf66Z7DhQGr_jhpZJrYbWOWSGjrhZu1Zl4ldiwyDzeDlNB3S0Y0pVRvYhGi6q_6pYd0W1_LmYL8EwXLcrCn2/s1600/funny+comment.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFXjc_-jcL5KaWs6AGkpiQCnG_QldxYV4pFKTZAMX1YVmm0S7T8AW5ZlxKlguHVfbMSVcLTfLfWcCOdnbvdQAaN0miwrUxgFzEXx_Dyq3bXmSMYttxNkGIKZ_Y5Donk28gjI7RTjAVOCd/s1600/pink+bubble+icon.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQKmn7CDkRx26SLPw_FZbeTAREcrRixDSgcua3poKkV4SY6_E8KLxympVcElH6V6kKFF1-ZC24VNyDw0EdCt1OigLx0JPlCln_jiIj_ZNMo1otaMYtdt2Dm7Yy092JIWYcdsqO36fVqw5/s1600/speech+bubble+green.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs9VFykMrUQnxsWLl0Q4NUVqw8JLNd_kYYpp-Qfxo2HLBCYX0whJ63aP7uF57JGBrnVJQRhFDU5ZwLF4MJqXuYmJXZ8koqaU1PO0mFOtmkdTqbtvRrThgWjnsc76Vi6LRxj9Y5yEF-0vvc/s1600/bubble+comment.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQab8JW-1rOwd47_z5OgkyFopTYkT9YzaLw3DYkagUughfKCgwY98IGWI2UykQCEXt_NPCgoZjEJltp0CfxkW8j-pmSMtcX3KcefCjQbX0Va6WwM4ndjSmBmVMwl-e2NrCoxolVV5LE51s/s1600/comment+bubble2.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb4ux9bq8MYlN1H-jk8Kp2XSEYjEasU8Rb4XJpvC1pJE_IK1cOfvzJkT98PGPnA64q2aGV8fhxbMt7XKaDWtqRDNFdXmlWV1pbwL2BpNbCnd-fkcfb2h4IyqPBIMA6Tbe0pZxgD6aNXOdo/s1600/comment+bubble3.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-bO3N0W5Q2s19Hfznd_7mYrCLKdhyphenhyphena8TCkWGP42lrmE85qaNWjhkR7K4vGiplinErp85O0c0TGGPw3mH_a3NOTGyATMWL3NbFXQRAQVDyqVoKZ17jNjJTCy5BKx-oy_U44c1uY_pPP7M-/s1600/comment+bubble4.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7AGXM5hYo4ERr3p97mNQoCkv8Iojw6O8udJlqiluK-pvkK-xRZgulsVWcN-rNDzMGtWucY8VDPoSvRVppKQvHCoZDRWf34_Ezcxg1T-VuFVIh4wOO3OL8ABpmRt9KxfKbPrqU0q9jqZx_/s1600/comment_bubble.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ZbWavpjloQdaiYaz7dwaQcsU5JDuMUy1a1CWrb562Idv2H6dJn9ZR-eW4dA6R8HEnbWCypg-D2gW4gpmXH8VX9BXl1_CL9ak9ih-P1xJ9k_d7C9u5Qe0yofSWZOyqSpFDL6nqABw9dHt/s1600/text_comment_bubble_comments.png)
That's it! Enjoy!!! (:
Do you need to add more info on your blog posts? Then I recommend you reading this tutorial:
If you want to add a comment or speech bubble to your Blogger blog, then follow the next steps below:
Step 1. Log in to your Blogger Dashboard > go to Template > click the Edit HTML button
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the Blogger search box
Step 3. Find the following tag in your template:
]]></b:skin>Note: before anything, you need to click on the small arrow next to it and after the code has expanded, search for the ]]></b:skin> tag again
Step 4. Just above ]]></b:skin> add the following CSS styling:
.comment-bubble {Step 5. Now find this code:
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQKmn7CDkRx26SLPw_FZbeTAREcrRixDSgcua3poKkV4SY6_E8KLxympVcElH6V6kKFF1-ZC24VNyDw0EdCt1OigLx0JPlCln_jiIj_ZNMo1otaMYtdt2Dm7Yy092JIWYcdsqO36fVqw5/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}
<b:if cond='data:post.title'>Note: If you can't find it, search this code instead:
<h3 class='post-title entry-title'>
<b:if cond='data:post.title'>Step 6. And add this code immediately after it:
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.allowComments'>Note:
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color: #ffffff; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
</b:if>
- to change the color of the comments number, replace #ffffff with the hex value of your color;
- to change the font size, increase/decrease the 18px value;
Comment Bubbles
You can choose one of the images below - right click on the image you like and select "Copy Image Address/Location", then replace the blue code from step 4 with the address you just copied.
![how to add bubble comment count bubble comment count, bubble blogger posts](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNFmBmG0H4eqlhMC_fqX1kcEIExQDhhgjSW0N81Q5VOrubppIY7tyKoedywxfAzoDMP1uci2U7ETjHL9YduG7TN_OqzesWZAxb94ZqBRGZzjHrRSavRMcj6KPs3KYmCiWueJdkjymV71pC/s1600/4.png)
![How to add Bubble Comment Count blogger comments, comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo3TwemT_SV9YJ8Fvs8H0MTw3Z3WTaJ7X0EEiWjPUMfwRMhz7wkd46fUQ2IgOTcHe45vvgE9cVnQebzFxSRHh8pSoj4TmTC4tbNLpeFiv4ImAKzxcar_Wg4UmDIUNFMGysS__uuYhXIHuC/s1600/2.png)
![How to add Bubble Comment Count blogger blogspot, blogger comments](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdaC3BY2q0OUyOfJTt_q2lyPHTTXiwVua_V1SDn9hcn0HUUz5MsQBaDsN2hwO_Eyske5sE0n5ovJDoH6iXFAowaY6M32cvtVyRlO2mvs4cRKCe29O1bUVAomODNvDyGAufdiYv9_1ztjCD/s1600/3.png)
![How to add Bubble Comment Count blogger bubble comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizdIYQtJWPWP80z1ejfnWN5UquIkYUiujrhs2pDSwoNY4BtOIkE-a96YJefYTzhSVRHdQAQiasaGdNC1b-5aU8oSOLP9ispc7lDRuG6q23t4ehIt_pA7VZd7cljzWw8UYN3wUTVQ2V71D_/s1600/blue+2.png)
![How to add Bubble Comment Count comments in blogger titles](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg15TvSTlAyH5KiTo3uRtASmEPIWZx5ogDrf2dvnXnUIm69ppzUEfd3i9LTHWdlqRQI9SgZBqUSWXIwe4fBalCMxVyn5CHWb2WFIMFcIWk6vYOX3Us1wtwTiAJOjNYsz4hkKK16c_H671jx/s1600/blue.png)
![How to add Bubble Comment Count blogger tips, blogger tricks](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmLkw0C-uU5Uq-pW3tHWAG_9DQGGA4KAAXqNltUr2bltiMv0bM25wZKkA7SFGEQqYtZDSCt2CxB0reLhNnAN7iVjbt4rc33QXXKjnf4X7xrjAUBHRgeByD8zQQ7AdqhBcxxH6cGZh9iZP3/s1600/cloud+bubble.png)
![How to add Bubble Comment Count blogger widgets, bubble comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-t9oZocAAGaZ1NETD_9f-Ht-1A8YEd_q0HEvxqJ59LN1q5pHjRBz1T8XwTHLHTt0wwgPeoOpBYoGSTCBSbUM7OtNMRV7q649TTI4Is-A3o5_er8_1kNQWa433whqCXwvpmB3O9D3RgrgF/s1600/cloud.png)
![How to add Bubble Comment Count bubble comment count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiF1Jv2bVYV6kAPdFDUUbf_vc41re3zxu4LOU7PF2vyw5jvkHo9SGxRycPcIz2z7Ytmdbw3EIPk4PZBYHGaCy2KFm7qXe1zDKPCBuqBzeq_ix2R7QlIMhGQSCOGRpRkQMjLHTHV093cDKr/s1600/comment+1.png)
![How to add Bubble Comment Count Bubble Comment Count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8R4tdABRdg5EWTNQHODg0Jl4AOD1jRl21IUE63QZVa1DV5VmN5RvD0OO1UztpMhEun1k5-HhyEjj1ImFKp42tJBCGWXrL28D8bQrXkxHMg1cyJS7KxT1ScyfmJEoYD3kEORJPrhEVRQdB/s1600/comment+bubble.png)
![How to add Bubble Comment Count Bubble Comment Count, blogger blogspot](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3uEkZfPf3NZ9WGGJdo6f4QX3vm9JFQuUSwxnMAIG8rHlNJYUdBcdJcovPdXRPXoFEM3W0jAODSf6Oj0iXpt2qRIPmzCcXPWtS23rvCf4dGNo4meMqqiOS2IDAipLWT5WpX8P7eAZ4rlGb/s1600/devil+comment+bubble.png)
![Bubble Comment Count](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOTS5EdKvjnMeSbQWSkFLTm0QtAmuHki-oS6t4Gj024UatQL0ltpwoECwsWf66Z7DhQGr_jhpZJrYbWOWSGjrhZu1Zl4ldiwyDzeDlNB3S0Y0pVRvYhGi6q_6pYd0W1_LmYL8EwXLcrCn2/s1600/funny+comment.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFXjc_-jcL5KaWs6AGkpiQCnG_QldxYV4pFKTZAMX1YVmm0S7T8AW5ZlxKlguHVfbMSVcLTfLfWcCOdnbvdQAaN0miwrUxgFzEXx_Dyq3bXmSMYttxNkGIKZ_Y5Donk28gjI7RTjAVOCd/s1600/pink+bubble+icon.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQKmn7CDkRx26SLPw_FZbeTAREcrRixDSgcua3poKkV4SY6_E8KLxympVcElH6V6kKFF1-ZC24VNyDw0EdCt1OigLx0JPlCln_jiIj_ZNMo1otaMYtdt2Dm7Yy092JIWYcdsqO36fVqw5/s1600/speech+bubble+green.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs9VFykMrUQnxsWLl0Q4NUVqw8JLNd_kYYpp-Qfxo2HLBCYX0whJ63aP7uF57JGBrnVJQRhFDU5ZwLF4MJqXuYmJXZ8koqaU1PO0mFOtmkdTqbtvRrThgWjnsc76Vi6LRxj9Y5yEF-0vvc/s1600/bubble+comment.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQab8JW-1rOwd47_z5OgkyFopTYkT9YzaLw3DYkagUughfKCgwY98IGWI2UykQCEXt_NPCgoZjEJltp0CfxkW8j-pmSMtcX3KcefCjQbX0Va6WwM4ndjSmBmVMwl-e2NrCoxolVV5LE51s/s1600/comment+bubble2.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb4ux9bq8MYlN1H-jk8Kp2XSEYjEasU8Rb4XJpvC1pJE_IK1cOfvzJkT98PGPnA64q2aGV8fhxbMt7XKaDWtqRDNFdXmlWV1pbwL2BpNbCnd-fkcfb2h4IyqPBIMA6Tbe0pZxgD6aNXOdo/s1600/comment+bubble3.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-bO3N0W5Q2s19Hfznd_7mYrCLKdhyphenhyphena8TCkWGP42lrmE85qaNWjhkR7K4vGiplinErp85O0c0TGGPw3mH_a3NOTGyATMWL3NbFXQRAQVDyqVoKZ17jNjJTCy5BKx-oy_U44c1uY_pPP7M-/s1600/comment+bubble4.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7AGXM5hYo4ERr3p97mNQoCkv8Iojw6O8udJlqiluK-pvkK-xRZgulsVWcN-rNDzMGtWucY8VDPoSvRVppKQvHCoZDRWf34_Ezcxg1T-VuFVIh4wOO3OL8ABpmRt9KxfKbPrqU0q9jqZx_/s1600/comment_bubble.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ZbWavpjloQdaiYaz7dwaQcsU5JDuMUy1a1CWrb562Idv2H6dJn9ZR-eW4dA6R8HEnbWCypg-D2gW4gpmXH8VX9BXl1_CL9ak9ih-P1xJ9k_d7C9u5Qe0yofSWZOyqSpFDL6nqABw9dHt/s1600/text_comment_bubble_comments.png)
That's it! Enjoy!!! (:
Do you need to add more info on your blog posts? Then I recommend you reading this tutorial:
cooooooooooooooool
ReplyDeleteGreat script for bubble count.Yeah bubble counter button makes blog more attractive.Thanks for sharing step by step information of adding bubble counter button.
ReplyDeletenice post thnx for sharing:
ReplyDeleteEarn Money Online - SEO Tips - Free Backlink
...I want to do this but I cannot find either of the two codes in step 4 in my expanded widget template...
ReplyDeleteHello Amber,
DeleteThen search for this code: <h3 class='post-title entry-title' itemprop='name'>
Hope it works
wow, I'm an idiot. I got it. Thank you very much. It looks great.
Deletewow, this cute..
ReplyDeletelike this
I follow all steps you mentioned but i didn't find bubble on my blog....please help me...
ReplyDeletehttp://techknowgalaxy.blogspot.in/
Actually i am using Facebook comment box..
ReplyDeletehow to remove the under line when hover?
ReplyDeletethanks so much! your site helped me more than any of the others!
ReplyDeleteYou're welcome dear. I'm happy that you find it useful :)
DeleteFinally got it to work! But I was wondering how to center the number inside the bubble ..
ReplyDeleteAny tips?
Here's what it looks like so far ... The number is closer to the top and not centered. ..
http://papaisapreacher.blogspot.com
thank you. i like this widget.
ReplyDeletethank you :). btw, how to change the font colour?
ReplyDeleteI'm sorry, now I've updated my post. Add the code in red from step 5 followed by the apostrophe (') then change #ffffff with the hex value of your color. Hope it works, thanks for visiting!
Deletedoes this works for disqus comments as well ? I'm not using the default comment system provided by blogger, but i want to display comment bubble. Help!
ReplyDeleteI can't get this to work. :( Reason being ~ I can find either of the codes in Step 4. I did see where you commented and gave another code- I cant find that either. :(
ReplyDeletePlease help. I am just using a Simple Template in Blogger if that helps...no special template or fancy coding. Thanks in advance!!!! <3
Do you know how to make the link go to #comments and not #comment-form? Thanks!
ReplyDeletenice. thanks.... :D
ReplyDeleteVery god. I want to move down the text. How do i do it?
ReplyDeleteI got is right, but is only the bubble showing. the number of comments not showing in the bubble
ReplyDeleteThis is cute but for some reason my numbers aren't central to my speech bubble. Do you know why this is?
ReplyDeleteHi, love your tutorials! Quick question - the bubble is appearing on my posts that already have comments but the ones with no comments have no bubble or comment link? any idea what i need to change?
ReplyDeletewww.thebearhut.blogspot.com
I have finally figured it out so please disregard my previous comment. Many thanks
ReplyDeletehey it wont work for me :(
ReplyDeleteThanks! This worked like a charm for me!
ReplyDeleteCan anyone help me center the number within the bubble?
Man, I played with this for awhile just to figure out how to center the number. OK, here is the solution. In the last code, after:
Deletefont-weight: bold;
Add this line right after it:
text-align: center; line-height: 23px;
Adjust the number according to your images. That'll should work.
Thank you! I thought I am going mad on this one, but your solution works great!
Deleteamazing site thanks for this.
ReplyDeleteHey, great tutorial but I have the same problem as everyone else -- how do we center the text in the speech bubble? Also can we move the bubble to the bottom of the post rather than the top right near the title? Thanks!
ReplyDeleteamazing tutorial, really makes it so easy! Thank you!!
ReplyDeleteVery good site. Thank you for your help.
ReplyDeleteGood tutor. I will us it in our coming blog of Puff and Pie.
ReplyDeleteThanks.....! Visit again to this post.
thank you so much for the tutorial. I have customize it, very attractive.
ReplyDeleteFor my blog don't work :(
ReplyDeleteWow... i think this blog is useful and keep blogger.
ReplyDeleteThanks for very informative tutorial.
On my blog there were two locations where I could paste the second chunk of code (the html) - if you twice Search and Find for the suggested text you should paste at the second location.
ReplyDeletehelo thanks for this site very good.
ReplyDeleteI followed your guide with above code but it doesn't show anything in my post.
ReplyDeletePlease help me.
I have followed it, but nothing is showing. What should I do?
ReplyDeleteits work for my blog! thank you very much for sharing this.
ReplyDeleteThis is not working for me. I have tried it a few times. I can not figure out if I am doing the code part rite.I find the codes fine and then I put them in correctly but I still can't see the bubbles in the preview.
ReplyDeleteI am using the newest version of blogger.Plus its a template I downloaded from btemplates.com
I've tried this several times, adding all the codes and such but the image of the bubble doesn't appear on the blog. Please help
ReplyDeleteNice sharing,...
ReplyDeleteI'll try it at my blog
Finally got it to work! But I was wondering how to center the number inside the bubble ..
ReplyDeleteAny tips?
Here's what it looks like so far ... The number is closer to the top and not centered. ..
http://maghrb.com/
very nice post...thanks for publishing...
ReplyDeleteReally informative post...
ReplyDeletei have tried more and more times, but the image of the bubble doesn't appear on my blog. Can some plz help me for the same.
ReplyDeleteHey I have tried to implement this feature, but had no success. First of all, the bubble appears on the wrong place and I cannot remove it. I have tried to delete the code from here but it didn't work. My blog is http://sommelierschool.blogspot.com/
ReplyDeleteCould you help me somehow?
Thanks in advance.
P.S.
This is great blog, thank you!
I want to add a "comments" box at http://music4you.weebly.com
ReplyDeletethis is Tutorial very good, and i knew about it.
ReplyDeleteThank's
Thanks for this, works great but wondered if Google+comments can be included in comment count.
ReplyDeleteThanks
thanks for the article
ReplyDeleteFinally got it to work! But I was wondering how to center the number inside the bubble ..
ReplyDeleteAny tips?
thanks
ReplyDeleteHello! I love your tutorials! Quick question - the bubble is appearing on my posts that already have comments but the ones with no comments have no bubble or comment link? any idea what i need to change? Thanks.
ReplyDeleteI am using Google Plus comments. Then Can I use this in my blog ?
ReplyDeleteWill this counter count the number of Google Plus comments ?