Add Comment Count Pop up for blogger Post Titles

Readers/Visitors when comments on your blog crafts in ranking better position on Google searching results. So, better to customize the blogger Comments box with spicing up using certain codes and comment widgets in which readers are to be forced to comment on your blog straight away. In the earlier post we’ve discussed about “How to add Emoticons and smiley to your blogger comments”, now we going to discuss about Comment count bubble to blogger posts. If more comments on your blog more chances to boost traffic to your blog on search results as well as attracting new visitors/readers.
Let’s begin the tutorial…

How to Add Comment Count Popup to Blogger Posts Titles

Sign into your blogger account
Click on “Design (Layout in new blogger interface) Page elements”
Click on “EDIT HTML” link tab
Now search for code

]]></b:skin>

After finding the code copy the below code and paste above to ]]></b:skin>

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHYA1HU1hsGa1bftKR1vQUs3QphvyTE2V73dJmz-Nlhhin_K8VBCNdrPe3vPCvuDHeGxGHFT2Xe7ciUzbE_WsB5dov7MQK7K-TP92rel9uSVRTPhx4iPDH3h25nThwDacs-IQjbOVjcR0z/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Search for code

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

If any reasons or using different type blogger template, then search this code

<b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>

After finding the code copy the below code and paste after to it

<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>

Modifications:-

If want to replace the default image https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHYA1HU1hsGa1bftKR1vQUs3QphvyTE2V73dJmz-Nlhhin_K8VBCNdrPe3vPCvuDHeGxGHFT2Xe7ciUzbE_WsB5dov7MQK7K-TP92rel9uSVRTPhx4iPDH3h25nThwDacs-IQjbOVjcR0z/s1600/speech+bubble+green.png
with another image then here find image codes just replace it

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPtuNlRx4Lzim2JflJF154oetZVzXg884BVCjdMGbqKyQ-nL0IWHrWzWE7fDvcj6m4siRMyWi4oRUAc-ls-3FggatfPlip_apYd-2gAxNchWuJTZYk8Z0wgSjGL8DUgU_75whmMAdaSoU/s307/4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibLKXAcwZgOkRKIbVt43l9A8g1hDTNKy0ldgTWaaqLtxQV6TLnbvfPvONcCa-8NcE-SGnGGZrhCnVq8AvvE5g8x1AJaMOFMQCHY0QmtJSl49ZPtFvqmHUqMdW_-VmPfBnjd8FTBYCBkss/s307/2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1XY05qejHCidvgjvR-qONaeaQHS39T9XjeEHR4N14NVh8XVbm5CUDBdHYcdlqp8KhIKIl1YzCaLeFlRoyj1Q31VD-fndIB9OAHDaKGtRuJUAs3UdYYacam9qymQuGtPAja9Y18NLnZic/s307/3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX8oaOLc6uF5tMNZY2O3zZRU646Ef9tJDl6wGv-GA4DObEhbfefc6COie4i0il9_HBouA6ldF9s1jMFuiyEJLA1M3ViqGAgHke_bhytrfw-eLRyGTMdwN8XehJvfjew4dmHX_5zDUaqy4/s307/blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkWpZradvcdukWV7-60xjjcaM6ELjzr4LyTQQ7FDvjiC0cEz-EcYXpqpNKuoqhoDYELWVU0nSTxE5bvjYiOaF_S2G0tSs_OtRNEjB-cLnepViSyATBXZPEcxZFzlLInzaAaGEBAT98y2M/s307/blue+2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-HTnpeDKCNWvASwKN5na-F6a5EwMaJUkRjG22NGh2VO9JE0LO246PS2ZnnfBXL6pgauLRUJmxWnBScBifWl0kRhI5wLjy9DqoqQKAkSYvo2rdIXU0OokBXo1snM5RpMxXBcCHCninORc/s307/bubble+comment.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7pCNveWuk-VBEhMmxstpIwvnQfykr41d_utnCP5cx7mYHxOmNZ-WZznyC-udgv56-9EuAbGfbQ9PBLdEh2gWEvGS6ETVx2ZdWrkWl4twd7NKvHazXn-uv6v47zQ0yyHfF-jTwDncTLBw/s307/cloud.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQbmermacM8_7jA3sjBMoq8ugYJzOU8trZeA8ZrBAhuA1NH-JeYbJYCnNQ2TkTl5FAZlI85MDgWUVlgbq7hMx0whtrWH9G8vMR7G-YC8IGRlVxDeco8QcQ_csEbAqPLgsw64rfIfO-G1I/s307/cloud+bubble.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFSOzl92yiryyo2lcpHuUI2y2PQ3emyQSpMGNZiQ8Olg3kxpzNwJW_m8HH3pHugEjRnQiJsGMDoe2Buopp64XimIKm1CTUNAz0iH9T08UgdTNqWkdb0Qq6t-aXwj_K_2ouWEkiB4N1ous/s307/comment+1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjizHBupfZxDwrroBvRoHZLbd5JpjlsqTHTLE-bsH4To87EKQa7UsFrvuwlp26JirfjnXD5dpk7P4zjlgax1Wdq-5fDCIdU90_0ssB10h-7eEcVrMWNOjiKKZslhgD_OyOwAKjH__sbkXs/s307/comment+bubble.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj85dxoQ3chWl0DICajilyecTGA86hF3F19mpSfnJd24EwIri-xhOHyffYdrHh5Bws_JtDRxKnsNUd3GDV0ooEi5muwtDuGBrYo9D2aHzR5urbzDSR4lvGE10By2M8SiUWcQMQKSAzaFR4/s307/comment+bubble2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ2bK3HS1qyD2dPK9rP_xMyBEfwYe6m15-TDGhyphenhyphenAnOF843UxGh-A5vAafxaEoTsmS8J6l88JJ5yCH6T1fgxlChp6hKMAKiycdiIy_XNyAF2rROe31GLgcNcSRtbwVxJwwaUQC3SAEfVuE/s307/comment+bubble3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiewU1Y78KfdHFu_VAYW6x8fycXTFxUt-LyekG99DU35JzfOvRsb91QI8udLeYjgj4I2MDZpZeuWXopvpDBdZM__2xA3RuEXkRb0fjc96e-Ef1RgUSh_4l2vdNacJaDF0PuqLww_Odk4/s307/comment+bubble4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdENt01ysrNFH_atAeG1372hkLib9APD1GY-7gN3cErPMQI-B-q_0w5ZHDWWGIo605-AHXCei_XD7IE2G53k8pdDY2_PkrfHOA9282SUA2s3WycWuweQJUkBS2ej_dnFDK8UpgtsG3Kqo/s307/comment_bubble.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFl7W7GhlgV4edRWYU9ifkaTNlsBgjDQoU2RYtUwK-xP6xZ6W_xcvr0KJhQdAI6sCGrgytjEalI6zcVqE8GKU593-jqPw_2dmXIL49ipxsETJN1tb5s_OYrTxmPnX89YkB6TnzkauN4nE/s307/devil+comment+bubble.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQ7Ry_8UsuBYoJugK14K0Ibdc3cJGgLcmugTTNEz22KPbJFjXlu382plFrMPx1p9hWrvi2ANVL0Uudcqp2bft1UlSYVWzsyPJxjK2kv-E5TEOyUwoheVvLvRdAzbDtwSaS5rkM5tVeCg/s307/funny+comment.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX9sbWYpoh6t4NN1E4ZwSkQd0OCyCUw8DM1KGMp52jxucJbehyphenhyphenNGHYsh61ZZKdtDl9E7unUGit58And3iKT0klyF1VfT5yKCxfxAwaU_pwatYZ4fC0PNSlcz1oLG-YV-sWKqw91tVY_4/s307/pink+bubble+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4hTVJ9K2KoI8O-RTQcTPGuz9zGlgzBiHSm1B85YWXmWXAaETDqhGh1wChCuyO6u4UfkYajbQbigAXE0lnUh_foGZpAvu-3YSYuRtmrLD5Mskf5mjwdXCuNWuLqYxEo6y8Dx2Q5RGWrVc/s307/speech+bubble+green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9CCt_7ciGAMVJDHji72zff8IeoAVwdSocq9v2leAEnsWztNyzE2KMcliX0TQYYe66Q_bmApIQbDxyLJifq1Lo9tOCUaDJWCOdq534Sa45FGR9ppZH37p0wyRGC5TGSpFAennvo0BgaK8/s307/text_comment_bubble_comments.png

After pasting the above codes successfully now “Save the template” and preview your blog.

Acknowledgment:-

If you enjoyed this post let know your views and suggestion via comments,  we always appreciate valuable comments.