Facebook Comment Counter For Blogger Blogspot

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

Its simple methos first you msut login in yourfacebook account, After than just go on your desire blog, Just click on Edit HTML and follow us.

•  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/AVvXsEgYvgk7WHtfn67pY6yia7DYzbwVdkCZlQqxVcQ5sVkj0h9azz3vCoxpm1OSZ75ymt0Hz8AV74QXlMnAImvfvAbrbQnQnaGtqwdUFbOjiZGoBBbJfN_b36_L2wepnB2a8iRjDF45jIw8V48/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/AVvXsEhZTTB0aI85fw6kxZx5jmefYmwicdNnlghGyHhvAOokQkn5UJTgBMXavb61Jd7Bp8fS84j-y-sECyNz5kGI2RcR4_ROWDU6-GOjpkXogyFt0rCU_pqj4AZJuYfRl9uSrAw2NVXinw-w-B0/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, If you think this article also useful for your friends than Please share this article with your friends Thanks....