Facebook Comments Counter For Blogger - Part2

This is second part of our series on Facebook Comments plugin. Facebook comments are now optimized and easily indexed and crawled by search ...

facebook comments counterThis is second part of our series on Facebook Comments plugin. Facebook comments are now optimized and easily indexed and crawled by search engines. Facebook comments appear in search results and can drive your traffic both from its 845 Million registered users and also from Mega Search engine Google. I have already shared a tutorial on how to count the number of Facebook comments and show it on your blog homepage and today we will use the same script but with a different design and feel.  Adding this comment counter is really easy. All you need to do is to track the steps properly. Please see a demo first,

 

Live Demo

Facebook Comments Series
Part2: Facebook Comment Counter For Blogger (Blogger + Facebook)
Par3: Optimize Facebook Comments To Increase Blog Traffic

Count Facebook Comments in Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand Widgets Templates" box
  4. Search for this code,

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

    5.   The above code can occur thrice. Just replace the first occurrence of the code above with the following 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='http://2.bp.blogspot.com/-0KwkJZ9sVeY/TkElIglAIxI/AAAAAAAAEeg/PGofjRgMbmI/s400/fb.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='http://www.blogger.com/img/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>

       6.  Next search for ]]></b:skin>  and just above it paste the following CSS line;

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

       7.   Save your template and you are all done!

Visit your blogs and you will see Facebook comments Count along with blogger comments count for each post between two horizontal borders.

Troubleshooting

If you needed any help just let me know. I hope this part was less techy compared to the previous one. If you need any assistance then just post your query. I know I am too lazy at replying quickly but I will surely answer every query asked. Peace and blessings dear brothers. :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,69,Blogging tips,198,Bugs and Errors,34,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,305,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
SEO and SEM Guide For Bloggers: Facebook Comments Counter For Blogger - Part2
Facebook Comments Counter For Blogger - Part2
http://lh4.ggpht.com/-f9PVWYzBkts/T1UJhlZsiHI/AAAAAAAAGCU/o0tQiLRuf58/image%25255B23%25255D.png?imgmax=800
http://lh4.ggpht.com/-f9PVWYzBkts/T1UJhlZsiHI/AAAAAAAAGCU/o0tQiLRuf58/s72-c/image%25255B23%25255D.png?imgmax=800
SEO and SEM Guide For Bloggers
https://www.experiencelab.info/2012/03/facebook-comments-counter-for-blogger.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2012/03/facebook-comments-counter-for-blogger.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy