How to Add Facebook Comments to Every Blogger Post (Step-by-Step Guide)
Are you looking to boost engagement, social sharing, and SEO ranking on your Blogger (Blogspot) website? Adding Facebook Comments under every post is one of the best ways to increase interaction. This tutorial will guide you through setting up the Facebook Comments Plugin on Blogger step by step.
Why Add Facebook Comments to Blogger?
- ✅ More engagement – readers can leave comments easily using their Facebook accounts.
- ✅ SEO benefit – user-generated content helps with search engine ranking.
- ✅ Social exposure – comments may appear on Facebook, sending you more traffic.
- ✅ Spam control – less spam compared to Blogger’s default comment system.
Step 1: Backup Your Blogger Template
Before making changes, always back up your current template.
- Go to Blogger Dashboard → Theme
- Click the three-dot menu (⋮)
- Select Backup → Download
Step 2: Add Facebook App Meta (Optional but Recommended)
This allows you to moderate comments using Facebook App.
- Go to Dashboard → Theme → Edit HTML
- Search for the opening
<head>tag. - Paste the following code right after it:
<meta property="fb:app_id" content="You_APP_ID"/>Step 3: Add the Facebook SDK (Only Once)
The SDK must be added before the closing </body> tag.
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v23.0&appId=You_APP_ID">
</script>Step 4: Insert Facebook Comments Below Posts
Now place the comments section under every article.
- In Edit HTML, search for
data:post.bodyor<data:post.body/>. - Paste this code right after the post body output:
<b:if cond='data:blog.pageType == "item"'>
<div class="fb-comments-wrapper" style="margin-top:20px;">
<div class="fb-comments"
expr:data-href='data:post.url'
data-width="100%"
data-numposts="6">
</div>
</div>
</b:if>
👉 This ensures comments show only on post pages, not on the homepage.
Step 5: Save & Test
- Click Save theme.
- Open any single post (not the homepage).
- You should see the Facebook Comments box below the article.
Troubleshooting Checklist
</body>✅
expr:data-href='data:post.url' present for unique post comments✅ Blog is public (not private)
✅ Blogspot serves over HTTPS
✅ If blank, try
data-width="600"
Optional: Enable Comment Moderation
To moderate comments, add your Facebook user ID:
<meta property="fb:admins" content="YOUR_FACEBOOK_USER_ID"/>Or use the Facebook App ID and open the Facebook Comments Moderation Tool.
SEO Tips for Higher Google Ranking
- Add a short intro sentence before the comments (e.g., “Share your thoughts below!”).
- Use keywords like “Blogger comments plugin”, “add Facebook comments to Blogspot”.
- Submit your site to Google Search Console for better indexing.
- Encourage readers to comment – Google loves fresh content.
Final Words
✅ Congratulations! You have successfully added the Facebook Comments Plugin to Blogger. This will make your blog more interactive, improve user engagement, and help with SEO ranking in Google.
){kind=link}
0 মন্তব্যসমূহ
Thank you for your comments.
Our Technical Support team will assist you shortly if required.
Best regards,
Thedaily71