Adding a Facebook Like Box (also known as a Page Plugin) to your Blogger website is a powerful way to increase engagement, grow your followers, and build trust with your audience. In this complete SEO-optimized guide, you’ll learn exactly how to add a Facebook Like Box in Blogger, even if you’re a beginner.
📌 What is a Facebook Like Box?
A Facebook Like Box is a widget that allows visitors to like and follow your Facebook page directly from your blog. It displays:
- Your Facebook page name
- Profile picture
- Like button
- Recent posts (optional)
It is officially provided by Facebook (now Meta) and helps connect your blog audience with your social presence.
🚀 Benefits of Adding Facebook Like Box to Blogger
Adding this feature to your Blogger blog provides several benefits:
- ✅ Increase Facebook page likes
- ✅ Boost social proof and credibility
- ✅ Improve user engagement
- ✅ Keep visitors connected with your updates
- ✅ Drive more traffic from social media
🛠️ Requirements Before You Start
Before adding the Like Box, make sure you have:
- A Facebook Page (not a personal profile)
- Access to your Blogger dashboard
- Basic copy-paste skills (no coding required)
📖 Step-by-Step Guide to Add Facebook Like Box in Blogger
Step 1: Go to Facebook Page Plugin Tool
Visit the official Page Plugin generator:
👉 https://developers.facebook.com/docs/plugins/page-plugin/
Step 2: Enter Your Facebook Page URL
- Copy your Facebook page URL (e.g., https://www.facebook.com/yourpage)
- Paste it into the “Facebook Page URL” field
Step 3: Customize Your Like Box
You can customize the widget according to your blog design:
- Width & Height (recommended: 300px width)
- Show/Hide Cover Photo
- Show Friends’ Faces
- Show Page Posts
Step 4: Click on “Get Code”
After customization:
Click Get CodeYou will see two types of code:
- JavaScript SDK
- iFrame Code
👉 Use the iFrame code (simpler for Blogger)
Step 5: Add Like Box to Blogger
Now follow these steps:
- Login to your Blogger dashboard
- Go to Layout
- Click on “Add a Gadget”
- Select HTML/JavaScript
- Paste the iFrame code
- Click Save
Step 6: Save and Preview
- Click Save Theme
- Open your blog and check the Like Box
🎉 Done! Your Facebook Like Box is now live.
💡 Best Placement for Facebook Like Box
To maximize engagement, place your Like Box in:
- Sidebar (most common)
- Footer section
- Below blog posts
⚠️ Common Issues & Fixes
❌ Like Box Not Showing?
- Check if your Facebook page is published
- Make sure the URL is correct
❌ Size Issues?
- Adjust width in the plugin settings
- Ensure it matches your blog layout
❌ Slow Loading?
- Avoid enabling too many features (like posts preview)
🔍 SEO Tips for Better Results
To rank your blog post on Google:
- Use keyword: “Add Facebook Like Box in Blogger”
- Include keywords in headings (H1, H2, H3)
- Add internal links to related posts
- Optimize images with ALT text
- Keep content user-friendly and informative
🧠 Pro Tip
If you want faster loading speed, use the iFrame version instead of JavaScript. It’s lightweight and perfect for Blogger users.
📌 Conclusion
Adding a Facebook Like Box to your Blogger blog is one of the easiest ways to grow your social audience and increase engagement. With just a few simple steps, you can connect your visitors directly to your Facebook page and build a stronger online presence.
🔎 FAQs
❓ Is Facebook Like Box free?
Yes, it is completely free to use.
❓ Can I add it to mobile view?
Yes, it works on both desktop and mobile devices.
❓ Do I need coding skills?
No, just copy and paste the code.
