Facebook Comment Counter For Blogger

Facebook Comment Counter For Blogger

Hello fans, today we are sharing with you a simple but very stylish and attractive tutorial for How to add  Facebook Comments Counter For Blogger, We was also share with you How to add Facebook comment system in blogger and a best article on Facebook popup like box, There are many comment plugin for fb comments, Its also a simple plugin, Just follow me and do it.

How to Facebook Comment Counter For Blogger

•  Go to Blogger Dashboard (DropDown Menu) --> Template --> Edit HTML --> Proceed

•  Backup your Template before making any changes to your blog

•  Now  Expand Widget Templates

• Find the code shown below using [ctrl+F] or F3

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>


Rarely this will occur thrice so must select first one.

Replace first occurrence code with below given code.

<br/> <div style='border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0px; text-align:right;'> <img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqzBTopWUI4g38W5aorAzn1fKtX2e0NgmDcBmyBZn937bk-zzElz0F86XKYP7FgLpToTkrl1lJHAptE_mYA1cnx9rlMz1ph9ziBqKpVZovXGUY9plOXgI81twFuEHJcQzNv67Rxz6v3Y/h120/fb-logo.png'/> <a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> Comments</a><img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy3ZuNLJ-4hbeLE2XQT0ht7Xt-jxkFkFFHW0JmfE8JuED-RgT1w2k8DTdLQr_CA-Q44M6dyVy_zs5pBXGiuMzqUIS9BaIp8FH4hmNdZ_XUJB-h0bSF1todgkDdoN6GPABx3_jYQO41WuQ/h120/blogger+icon_logo32.gif'/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></div>


Now search for ]]></b:skin>   and past below code just Above it

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}





Now save your Blogger template and done.
Visit For  All Type Facebook Like Button

Final words

We also check this method fully working, We will also adding video tutorial for this, If you need video tutorial please visit our blog again in few days, If you get any problem to complete this method please comment below, Please share this article with your friends Thanks....